cordova contacts测试

2019独角兽企业重金招聘Python工程师标准>>>

多么希望markdown博客发表后的效果是这样的。

而不是下面这样的(还是在kindeditor下折腾出来的，osc的markdown惨不忍睹)。

从这里http://cordova.apache.org/找到Contacts的入口，看md文档。
打开webstorm9，新建cordova工程。
打开terminal视图，添加对android的支持
cordova platform add android
添加contacts插件
cordova plugin add org.apache.cordova.contacts
然后将jquery mobile的js和css拷贝到www/js目录下

打开index.html，修改内容如下:

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><link rel="stylesheet" type="text/css" href="css/index.css" /><link rel="stylesheet" href="js/jqm/jquery.mobile-1.4.4.min.css"/><script src="js/jqm/jquery-1.11.0.min.js"></script><script src="js/jqm/jquery.mobile-1.4.4.min.js"></script><title>Hello World</title></head><body><div data-role="page"><div data-role="header"><h1>Contact Search</h1></div><div data-role="content"><input type="text" name="search" id="search"/><button id="btnSearch"></button><ul id="results" data-role="listview" data-inset="true"></ul></div></div><script type="text/javascript" src="cordova.js"></script><script type="text/javascript" src="js/index.js"></script></body>

打开index.js修改内容如下

(function ($) {
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {$('#btnSearch').bind("touchend", function () {var search = $.trim($('#search').val());if (search == "") return;var opt = new ContactFindOptions();opt.filter = search;opt.multiple = true;navigator.contacts.find([navigator.contacts.fieldType.displayName, navigator.contacts.fieldType.phoneNumbers], onSuccess, onError, opt);})
}function onSuccess(contacts) {var s = '';for (var i = 0; i < contacts.length; i++) {s += '<li>' + contacts[i].displayName + '</li>';}$('#results').html(s);$('#results').listview('refresh');
};function onError(contactError) {navigator.notification.alert('sorry, we had a problem and gave up.');
};
})(jQuery);

输入如下命令编译 cordova build

将手机通过USB连接到电脑，输入如下命令测试
cordova run
搭建环境见这里

转载于:https://my.oschina.net/uniquejava/blog/343391

cordova contacts测试相关推荐

ionic cordova 常用命令
2019独角兽企业重金招聘Python工程师标准>>> ionic 先在桌面环境下测试,Chrome运行正常,然后编译成各种移动平台版本,这里以android版本为例 cd q-me ...
WIN7下搭建CORDOVA环境
技术交流群:233513714 Cordova 环境搭建 1安装JDK 工具文件夹中:jdk目录 1)下载地址:http://www.oracle.com/technetwork/java/javas ...
cordova 打包工具
cordova 打包工具原文:cordova 打包工具一.环境安装 1.安装NodeJs https://nodejs.org 直接去官网下载并按默认路径安装就可以了. 安装完成后在命令行: ...
Cordova(PhoneGap) 环境搭建与基础
Cordova(PhoneGap) 创建步骤:官方Guide 环境准备安装 Node.js nodejs.org 安装 git git-scm.com (bin目录添加到path) 安装 cordo ...
Mac Cordova iOS配置和常见问题
cordova介绍 cordova中文网更新Cordova和你的项目 http://zhenby.com/blog/2013/05/16/cordova-for-ios/ cordova 常用命令 ...
cordova App脚手架
环境配置 cordova 是 node.js 的一个插件,可以用npm 分发.所以电脑需要先配置 node.js 环境 node.js 环境配置常见命令安装 cordova: npm instal ...
ionic cordova实现获取显示手机通讯录
应用内经常会遇到显示通讯录的需求,混合开发hybrid App实现可以用ionic+condorva来实现. 话不多说,先看看效果: 再来说说方法步骤: 添加cordova contacts插件 co ...
跨平台移动开发phonegap/cordova 3.3全系列教程-helloworld
1. 建立专案(cordova) 打开cmd命令行 cordova create ACESMobile aces.mobile ACES cd acesmobile 如图 2. 安装插件 ...
Cordova插件清单
2019独角兽企业重金招聘Python工程师标准>>> //获取App的版本信息 cordova plugin add https://github.com/whiteoctober ...

cordova contacts测试

cordova contacts测试相关推荐

最新文章

热门文章