用html5新特性开发移动app.pdf

用HTML5新特性开发移动App 蒋宇捷 Web技术的发展 1993 1995 1996 1999 2005 2008 移动App分类 Native App Web App Hybrid App 移动Web App的巨大价值 • 云端升级 • 跨平台 • 代码复用 • 结合强大的云运算能力 • 绕过Store • HTML5与移动Web App • 下面要讲到的内容 移动设备有哪些重要的特性？ HTML5 Contact API HTML5 Contact API Contact API HTML5 Contact API // 执行一个通讯录搜索。获取“name”和“emails ”属性。 // 同时初始化过滤列表到包含“yujie ”的联系人记录 navigator.contacts.find([name, emails], success, error, {filter: ‘yujie}); function success(contacts) { // 获取联系人对象后进行处理 for(var i in contacts) { // 遍历所有的联系人 alert(contacts[i].name); // 弹出联系人的姓名 } } function error(err) { // 获取数据错误时进行处理 alert(err.code); // 弹出错误号 }  Read/Find  Update/Add(vCard)  HTML5 Calendar API HTML5 Messaging API Mailto: SMS: MMS: HTML Media Capture API 话筒 摄像头 • HTML Media Capture API • The Media Capture API HTML5 Vibration API navigator.vibrate([2000, 1000, 1000]); HTML5 System Information API Network Sensor Device navigator.system.watch(Power,success,null,{lowThreshold:0.2}); 2G/3G 电池 亮度 function success(power) { WiFi navigator.system.get(OutputDevices, CPU function(devices) { 声音 for(var i=0; idevices.displays.length; i++) 带宽 AVCodes navigator.syste