首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Phonegap构建:cordova-plugin-联系人未加载

Phonegap构建是一种跨平台移动应用开发框架,它基于HTML、CSS和JavaScript,并使用Apache Cordova作为底层平台,允许开发者使用Web技术来构建移动应用程序。Phonegap构建的优势在于可以使用一套代码开发适用于多个平台(如iOS、Android、Windows Phone等)的应用程序,减少了开发成本和时间。

cordova-plugin-联系人未加载是指在Phonegap构建中使用cordova-plugin-contacts插件时,该插件未正确加载的问题。cordova-plugin-contacts是用于访问设备联系人的插件,可以实现读取、创建、更新和删除联系人等功能。

解决cordova-plugin-联系人未加载的问题可以按照以下步骤进行:

  1. 确保已正确安装和配置Phonegap构建环境。
  2. 检查项目的配置文件config.xml中是否添加了cordova-plugin-contacts插件的引用。可以通过在终端或命令提示符中进入项目目录,然后运行以下命令来添加插件:
代码语言:txt
复制

cordova plugin add cordova-plugin-contacts

代码语言:txt
复制
  1. 确保设备的联系人功能已经开启,并且应用程序已经获取了相关的权限。可以在应用程序的初始化代码中添加以下代码来请求联系人权限:
代码语言:javascript
复制

navigator.contacts.requestPermission(function (status) {

代码语言:txt
复制
   if (status === 'GRANTED') {
代码语言:txt
复制
       // 权限已授予,可以使用cordova-plugin-contacts插件
代码语言:txt
复制
   } else {
代码语言:txt
复制
       // 权限未授予,无法使用cordova-plugin-contacts插件
代码语言:txt
复制
   }

});

代码语言:txt
复制

注意:以上代码仅适用于Android平台,iOS平台需要使用不同的方法来请求权限。

  1. 确保插件的版本与Phonegap构建环境的版本兼容。可以在项目的配置文件config.xml中指定插件的版本,例如:
代码语言:xml
复制

<plugin name="cordova-plugin-contacts" spec="2.4.0" />

代码语言:txt
复制

可以根据需要选择合适的插件版本。

推荐的腾讯云相关产品和产品介绍链接地址:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

HTML5移动开发的10大移动APP开发框架

3.ionic框架   Ionic 是一个强大的 HTML5 应用程序开发框架,可以帮助您使用 Web 技术,比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。...8.Kendo UI框架   Kendo UI的每个方面都从底层开始构建,以提供强大的JavaScript应用程序性能。...9.PhoneGap框架   说到跨平台开发工具,很多人首先会想到PhoneGap。...,一直以来都深受开发者喜爱,从iOS、Android、BB10、Windows Phone到Amazon Fire OS、Tizen等,各大主流移动平台一应俱全,还能让开发者充分利用地理位置、加速器、联系人...• 滑动触发操作菜单   在手机应用中(特别是iOS平台),很多操作菜单都是滑动触发的,比如短信界面,左滑显示“删除”按钮,点击可以删除该短信对话;邮件列表界面,左滑可以删除,右滑可以标注为”已读/

6.4K10

用于H5的移动开发框架

3 ionic框架   Ionic 是一个强大的 HTML5 应用程序开发框架,可以帮助您使用 Web 技术,比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。...8 Kendo UI框架   Kendo UI的每个方面都从底层开始构建,以提供强大的JavaScript应用程序性能。...9 PhoneGap框架   说到跨平台开发工具,很多人首先会想到PhoneGap。...,一直以来都深受开发者喜爱,从iOS、Android、BB10、Windows Phone到Amazon Fire OS、Tizen等,各大主流移动平台一应俱全,还能让开发者充分利用地理位置、加速器、联系人...• 滑动触发操作菜单   在手机应用中(特别是iOS平台),很多操作菜单都是滑动触发的,比如短信界面,左滑显示“删除”按钮,点击可以删除该短信对话;邮件列表界面,左滑可以删除,右滑可以标注为"已读/

4.9K10

用于H5的移动开发框架

3 ionic框架   Ionic 是一个强大的 HTML5 应用程序开发框架,可以帮助您使用 Web 技术,比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。...8 Kendo UI框架   Kendo UI的每个方面都从底层开始构建,以提供强大的JavaScript应用程序性能。...9 PhoneGap框架   说到跨平台开发工具,很多人首先会想到PhoneGap。...,一直以来都深受开发者喜爱,从iOS、Android、BB10、Windows Phone到Amazon Fire OS、Tizen等,各大主流移动平台一应俱全,还能让开发者充分利用地理位置、加速器、联系人...• 滑动触发操作菜单   在手机应用中(特别是iOS平台),很多操作菜单都是滑动触发的,比如短信界面,左滑显示“删除”按钮,点击可以删除该短信对话;邮件列表界面,左滑可以删除,右滑可以标注为"已读/

5K40

webapp开发框架「建议收藏」

1.框架:PhoneGap 官网:http://phonegap.com/ 简介: PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。...它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap...优点: 1.追求性能 运行速度快 2.轻量级框架 3.基于 Angularjs,支持 Angularjs的特性, MVC ,代码易维护 4.通过 SASS 构建应用程序。...AppCan提供强大的设备调用能力,电话、短信、相机、LBS、传感器、数据库等常用的手机功能,开发者可以通过JS接口调用,轻松构建移动应用。...应为轻量级,所以在web加载时比Sencha有一点优势。缺点显而易见,UI控件太少了。因为JQuery Mobile 太普及了,也有很多第三方的扩展控件库例如JQuery Mobile Touch。

2.8K20

几个跨平台移动App开发方案框架比较

它使开发者能够在网页中调用IOS,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry等智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap...能够在Javascript和React的基础上获得完全一致的开发体验,构建世界一流的原生APP。仅需学习一次,编写任何平台。...用户体验高于html, 开发效率较高 Flexbox布局据说比native的自适应布局更加简单高效 可实现在线更新,允许运行于JavaSriptCore的动态加载代码,更贴近于原生开发 使 App 可以达到每秒...Flutter 可以给开发者提供简单、高效的方式来构建和部署跨平台、高性能移动应用;给用户提供漂亮、快速、jitter-free 的 app 体验。 优点 高生产效率。...混合开发,使用web-view进行H5页面加载,可以分为本地页面,也可以使用网络页面(有加载条) 混合开发,H5套壳的形式开发,内容升级可以直接修改H5页面 混合开发,可以很容易实现H5套壳的形式 主要开发和知识点

7.6K20

Android开发笔记(六十四)网页加载与JS调用

浏览器加载事件 WebViewClient主要用于处理。...以下说明文字来自百度百科的PhoneGap词条: “PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。...它使开发者能够利用iPhone、Android、Palm、Symbian、WP7、WP8、Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap...对于Android开发来说,PhoneGap其实就是在assets下面新建了www目录,然后入口Activity通过嵌入WebView来加载www下的html页面,接下来就是在各个html之间互相跳转,...Cordova是驱动PhoneGap的核心引擎,有人说它们的关系类似于Webkit和Google Chrome的关系。

6.3K10

那些年我们一起用过的Hybrid App

Hybrid App 一般来说,拥有下面特点的就是一个Web App了:使用浏览器运行;纯Web前端架构,很多重要手机特性无法访问,例如联系人以及Push notification之类的;Single...下面就用一句话来说说整个应用的运作过程吧: 打开PhoneGap应用 ->进入 index.html ->运行require.js ->加载应用资源 -> app.js 控制整个应用 -> angular.js...进行事件绑定以及视图渲染 ->视图渲染的时候会将数据和加载好的视图模板(template目录下的代码)处理 ->经过jade模板引擎 ->渲染到相应的位置上 就是如此简单。...(当然可能这么描述不太准确,但是便于大家理解) 这就和丰富的Web前端有很大区别了,在Web前端开发里有HTML,CSS,JS三剑客,必须要用好这三个东西才可以把整个应用才可构建出来。...主要的目的就是为了构建一个可维护的,具有规范性的Web应用。

1.3K80

移动开发的跨平台技术演进

应用,它不是一门技术,而是一个概念,使用多种技术来增强 Web App的功能: 用Service Worker + HTTPS +Cache Api + indexedDB 等一系列web技术实现离线加载和缓存...3.1 Cordova 说到Cordova,不得不提到他的前身PhoneGapPhoneGap面向Web开发人员,通过使用HTML、CSS和Javascript构建跨平台App。...2011年,Apache收购了Nitobi Software和它的PhoneGap产品,并对PhoneGap进行开源,PhoneGap 2.0版本时,产品更名为Apache Cordova。...Cordova同样使用WebView来展示界面,插件是Cordova中不可或缺的一部分,Apache Cordova维护了名为Core Plugins的插件,这些核心插件为App提供访问设备功能,如电池,相机,联系人等...例如,Material层是由widgets层的普通widget组成的,而widgets层本身是通过来自rendering层的低级对象构建的。

3.2K20

用Ionic开发hybrid APP

toc 使用phonegap开发APP的优劣在此不必细说,快速,简单,跨平台,以及随着iOS,Android本身对webview优化所带来的不错的性能,便是其独有的优势。...而且私以为在目前激烈而又变化快速的移动APP市场环境下,用phonegap来开发APP未尝不是一种低成本mvp的方案,快速发布,成王败寇^-^ 为什么选用ionic 其中ionicframework便是...phonegap开发hybrid APP技术中的一员新秀,甚至可以说是一员虎将,而且免费且开源。...启动图片(或称闪屏)插件:$cordovaSplashscreen,之所以推荐也必装这个插件的原因是,默认情况下启动图片时间停留较短,如果你的APP在这段时间没有完成数据加载或者视图渲染等(需要查询SQLite...需要提示的是,安装插件后,在启动图片关闭时候,默认菊花转在屏幕中间,如果你要自定义,可以更改插件中的原生代码,以iOS为例,将其改到屏幕底部:更改/src/ios/CDVSplashScreen.m中

2.4K10

跨平台开发框架和工具集锦

Web App缺点:用户体验比不上原生那么流畅,性能上比不上原生;有一些功能受浏览器、系统以及平台本身限制不好实现,比如系统级别的弹窗、传感器、手机联系人等都只能靠原生去实现(也不排除有些框架可以做到,...框架的核心是从Web的角度去开发手机应用,框架是基于PhoneGap编译平台。...(2) Cordova Cordova:Cordova的前身是PhoneGap,2011年Adobe公司收购了PhoneGap将其开源,并捐献给Apache,命名为Cordova。...Cordova从PhoneGap中抽出的核心代码。Cordova是一个使用HTML,CSS和JS这些前端语言去构建移动应用的平台。...(1) Instant App Instant App:Instant App翻译成中文可以称之为瞬时程序加载,也可以称之为即时应用。

4K30

几款移动跨平台App开发框架比较

优点: PhoneGap是一个开源的框架; PhoneGap 是一个基于HTML和JavaScript的应用开发平台,使用它可以构建本地应用; 支持8个移动应用开发平台(Android,iOS,Windows...; 此外,它允许您访问本机API,以便APP可以充分利用设备提供的各种功能; 完全做到了written once,run everywhere;代码编写完之后,通过phonegap的build工具构建;...用户体验高于html, 开发效率较高; Flexbox布局据说比native的自适应布局更加简单高效; 可实现在线更新,允许运行于JavaSriptCore的动态加载代码,更贴近于原生开发; 使 App...AppCan 项目 dcloud.io的uni-app wex5 AppCan 兼容 免费,超多端发布(包括各类小程序,H5,App) 全免费,多端发布(H5,app) 个人免费,多端发布,有限制 打包构建...混合开发,使用web-view进行H5页面加载,可以分为本地页面,也可以使用网络页面(有加载条) 混合开发,H5套壳的形式开发,内容升级可以直接修改H5页面 混合开发,可以很容易实现H5套壳的形式 主要开发和知识点

7.7K20

Hybrid App移动应用开发初探

二、Hybird App开发平台介绍 2.1 PhoneGap ?   PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。...它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap...业界很多主流的移动开发框架均源于PhoneGap。...Cordova是贡献给Apache后的开源项目,是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎。...最上层才是我们得应用程序,它是基于下面的基础环境来构建的,一层接一层,每一层都对下层有依赖。   现在我们再来看下面一张图,它展示了一个Hybird App的结构: ?

3.5K20

Flutter学习指南App, 一起来玩Flutter吧~

Flutter是谷歌的移动UI框架,可以快速在iOS、Android、Web和PC上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。...同时它也是构建未来的Google Fuchsia应用的主要方式。...从事移动开发这么多年, 各种跨平台技术层出不穷.从最初的基于web的phonegap/cordova到后来的原生组件渲染react-native/weex,再到现在的flutter通过自己开发了一套原生控件渲染...、Provider(数据共享)、SharedPreferences(持久化)、Sqlite(数据库)、Toast(吐司提示) 第三方插件 DatePicker(时间选择)、EasyRefresh(下拉加载上拉刷新...)、IconFont(字体图标)、 ImagePicker(单图片选择)、MultiImagePicker(多图片选择)、Spinkit(loading动画)、 Swiper(轮播图)、Web(网页加载

1.7K10

npm依赖(框架平台)

建议直接点击阅读原文,可查看兼容和代码 系列 √npm依赖:构建编译 请戳这里,持续更新 √npm依赖:框架平台 请戳这里,持续更新 √npm依赖:类库工具 请戳这里,持续更新 前端框架平台 数据框架...React脚手架(本人开发,零配置开箱即用,强烈推荐) cordova-cli: Cordova脚手架 create-react-app: React脚手架 ionic-cli: Ionic脚手架 phonegap-cli...: Phonegap脚手架 taro: Taro脚手架 vue-cli: Vue脚手架 组件 ant-motion: React动画引擎 prop-types: React组件参数验证 react-amap...react-fastclick: React点透组件 react-hold: React占位组件 react-hot-loader: React模块热替换转换器 react-lazyload: React懒加载组件...react-loadable: React动态加载组件 react-pdf: React PDF组件 react-placeholder: React占位组件 react-select: React选择组件

2.4K20

给Ionic写一个cordova(PhoneGap)插件

给Ionic写一个cordova(PhoneGap)插件 之前由javaWeb转html5开发,由于面临新技术,遂在适应的过程中极为挣扎,不过还好~,这个过程也极为短暂;现如今面临一些较为复杂的需求还会有一丝丝头痛...,以及插件需要的权限声明(比如相机权限、位置权限、联系人权限等~),打apk及ipa包后此文件会被融合~ README.md:这里是一些使用说明、注意事项等~,一般你将开发的插件共享在github上的时候会需要这个...CordovaPlugin { /** * action:方法的动作,根据动作走相应的处理逻辑 * args:js调用方法时传的参数,均以json的形式读入(这里使用...cordova对象获取包的路径 * 然实例化MessageDigest对象的SHA-1算法 * 再讲当前包加载到输入流...,好了写了仨小时多该结束了\(^o^)/,顺便放两张图(构建平台后的文件),读者自行思索,看有没有发现什么哈(∩_∩) ? ? ?

1.4K40

给Ionic写一个cordova(PhoneGap)插件

给Ionic写一个cordova(PhoneGap)插件 之前由javaWeb转html5开发,由于面临新技术,遂在适应的过程中极为挣扎,不过还好~,这个过程也极为短暂;现如今面临一些较为复杂的需求还会有一丝丝头痛...,以及插件需要的权限声明(比如相机权限、位置权限、联系人权限等~),打apk及ipa包后此文件会被融合~ README.md:这里是一些使用说明、注意事项等~,一般你将开发的插件共享在github上的时候会需要这个...CordovaPlugin { /** * action:方法的动作,根据动作走相应的处理逻辑 * args:js调用方法时传的参数,均以json的形式读入(这里使用...cordova对象获取包的路径 * 然实例化MessageDigest对象的SHA-1算法 * 再讲当前包加载到输入流...,好了写了仨小时多该结束了\(^o^)/,顺便放两张图(构建平台后的文件),读者自行思索,看有没有发现什么哈(∩_∩) ? ? ?

1.9K100

最新iOS设计规范五|3大界面要素:控件(Controls)

3大界面要素 (Interface Essentials) 大多数iOS应用都是由UI Kit中的组件构建的。...添加联系人按钮 用户可以点击“添加联系人”按钮来浏览现有联系人列表,并选择一个要插入到文本字段或其他视图中的联系人。...“添加联系人”按钮提供了一种替代输入联系人信息的方式,而不是替换方法。可以将其用作添加现有联系人的快捷方式,但也可以让人们使用键盘输入联系人信息。...否则请使用加载器(转菊花)。 将进度条用于持续时间明确的任务。进度条非常适合显示任务的状态,尤其是当它帮助传达任务需要完成多长时间时。 在导航栏和工具栏中隐藏轨道的填充部分。...默认情况下,进度条的轨道包含已填充和填充的部分。当在导航栏或工具栏中使用时,进度栏应配置为隐藏轨道的填充部分。 进度条的外观可以自定义。可以调整进度条的外观以匹配APP的设计。

8.5K30

Facebook重写iOS版的Messenger,启动速度快2倍,核心代码减少84%

我们将这种扩展用于所有全局次优的类操作系统功能,或操作系统涵盖的那些功能。例如,所有特定于 Facebook 的联网功能都在扩展程序中用 C 编写。...比如说在项目开始时,我们有 40 多个不同的联系人列表页面。...在今天的 Messenger 中,联系人列表是单个动态模板。我们可以更改屏幕外观,而无需其他任何代码。...每次有人加载页面时(要向群组发送消息,阅读新消息等),应用都必须与数据库对话以加载适当的名称、照片等。...单个联系人列表页面可以扩展以支持大量功能,例如联系人管理、组创建、用户搜索、消息安全性、故事安全性、共享、故事共享等等。在 iOS 世界中,这是一个单视图控制器,具有适当的灵活性来支持所有这些需求。

81710

【畅购商城】订单模块之添加联系人

目录 构建订单服务:8100 收货人列表 接口 后端实现:JavaBean 后端实现: 前端实现 ​​​​​​​添加联系人 需求 ​​​​​​​显示添加表单 ​​​​​​​接口 ​​​​​​​后端实现...​​​​​​​前端实现 ​​​​​​​ 构建订单服务:8100 步骤一:构建项目,changgou4-service-orders 步骤二:修改pom.xml文件,添加依赖 <dependencies...查询所有的收货人地址 为了操作方便,需要使用filter过滤默认地址 步骤一:修改 apiclient.js ,添加查询收货人列表函数  ​​​​​​​ 步骤二:修改 flow2.vue 组件,页面加载成功...需求 需求:新添加的联系人为默认联系人 ​​​​​​​显示添加表单 修改flow2.vue,显示添加表单 data() {     return {       addressList: [],      ...jwtProperties.getPublicKey(),User.class); } catch (Exception e) { return BaseResult.error("token失效或登录

51320
领券