第13讲PhoneGap应用介绍.pptVIP

HTML5移动Web开发 第*页 HTML5移动Web开发 第*页 广州大学华软软件学院 * 第13讲 PhoneGap应用介绍 请到 240FTP .../ HTML5移动Web开发 下载第13讲文件夹 主要内容 概述 搭建平台 1. PhoneGap是什么? PhoneGap是一个基于HTML和JavaScript的应用开发平台，使用它可以构建本地应用。 可以把PhoneGap看作一个正方形的web view container，它使用JavaScript编程接口实现用户在不同操作系统下的访问。 可以利用传统的web开发技术(如HTML、CSS、JavaScript )开发用户接口，利用PhoneGap容器把它们部署到不同的应用环境和设备上。 1. PhoneGap是什么? PhoneGap可以被用来开发跨平台的应用，这些平台包括Apple iOS、 Google Android,、Windows Phone、BlackBerry、 HP WebOS,、Symbian 和 Bada。 可以通过链接 /about/features 获取更多关于PhoneGap支持的平台及其特色功能的信息。 PhoneGap是一个开源的框架,用户可以去/projects/callback.html获取更多信息。 2.开发出的PhoneGap应用是什么样的形态？ 由于UI绘制引擎就是移动设备的内置web浏览器，所以PhoneGap应用的形态可能多种多样。 可以使用标准的HTMLCSS使它看起来就像一个简单的网页，也可以使用UI框架使它像jQuery UI, Kendo UI, Sencha, Twitter Bootstrap或Skeleton(或者其它任意基于HTML/CSS/JS的用户框架接口)。 另外也可以采用CSS模式/主题使它看起来就像一个本地应用，如模仿iOS 和 Android的iUI，模仿BlackBerry的bbUI。 2.开发出的PhoneGap应用是什么样的形态？ PhoneGap应用可以是基于HTML的静态UIs，也可以是利用JavaScript开发具有动态效果和交互体验动态UIs。这取决于特定的应用、用户体验设计、受众目标以及指示PhoneGap应用如何出现的应用实例。 使用PhoneGap应用，可以通过缩小放大操作放大或者缩小查看的内容，或者利用利用viewport metadata tag锁定浏览内容的大小。 可以利用常规浏览器的操作方式滚动浏览网页也可以像iScroll一样采用基于接触的滑动方式浏览网页。 2.开发出的PhoneGap应用是什么样的形态？ 基于HTML, CSS JavaScript你有许多方式可以创建用户接口，所以并没有一个典型的外观。 如果你没有使用任何的CSS模式，那么用户接口各元素默认和使用的操作系统或者浏览器保持一致，包括按钮、链接、色彩以及亮度。这时PhoneGap应用和操作系统默认的浏览器一样运行。 3. 如何利用PhoneGap开发应用？ 利用PhoneGap开发应用非常简单，90%的PhoneGap应用只需要一个文本编辑器即可。PhoneGap也能很容易的与特定的设备整合形成开发环境。 在开发PhoneGap应用应用时 ，一定要谨记你是在web浏览器实例中运行代码。 是利用HTML和JavaScript开发应用而不是本地代码，因此不需要其它任何东西。 实际上大部分开发都是利用HTML编辑器和Chrome浏览器实现的。 当需要在设备上做测试的时候再切换到特定的设备环境。 具体可以参考以各应用平台上的开发指导链接 ? iOS: /start#ios-x4 ? Android: /start#android ? BlackBerry: /start#blackberry ? Windows Phone: /start#wp ? WebOS: /start#webos ? Symbian: /start#symbian 4. 如何调试PhoneGap应用？ 调试PhoneGap应用是PhoneGap开发过程中最棘手部分。只在物理设备上测试，并不能测试出所有的JavaScript异常。 下面是一些具体的调式策略： （1）尽可能利用桌面浏览器调试 由于PhoneGap应用是利用HTML, CSS, and JavaScript进行开发的，你可以利用HTML编辑器开发大部分应用然后利用桌面web浏览器调试。 最新版本的web浏览器(包括Chrome、IE、Firefox、 Opera 和Safari)都提供了丰富的调试功能。 利用web浏览器开发工具，你可以检查HTML DOM元素，检查CSS的模式、设置JavaScript断点、检查内存和Jav