PhoneGap 文档

第一讲 HTML5+PhoneGap

跨平台移动应用软件开发 概述

学习要点：

1. html5+PhoneGap 基础知识

2. Web App, Native APP, Hybird App 介绍

3. 为什么要学习 PhoneGap

4. Html5 移动应用软件开发框架 JqueryMobile SenchaTouch 介绍

我们的宗旨：让大家学会用 html css js 开发跨平台的移动应用软件

一、html5+PhoneGap 基础知识

（1）html5 介绍

HTML5 是用于取代 1999 年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本，现在仍处于发

展阶段，但大部分浏览器已经支持某些 HTML5 技术。HTML 5 有两大特点：首先，强化了 Web 网页的表现

性能。其次，追加了本地数据库等 Web 应用的功能。广义论及 HTML5 时，实际指的是包括 HTML、CSS 和

JavaScript 在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务

（plug-in-based rich internet application，RIA)，如 Adobe Flash、Microsoft Silverlight，与 Oracle

JavaFX 的需求，并且提供更多能有效增强网络应用的标准集

2.本地存储，离线应用

3.API 调用，地图，位置，LBS 等

4.连接通讯，后台线程，

5.多媒体 ，

6.三维、图形及特效，

7.CSS3

（2）PhoneGap 介绍

1. PhoneGap 是什么

PhoneGap 是一个用基于 HTML，CSS 和 JavaScript 的，创建移动跨平台移动应用程序的快速开发框架。

它使开发者能够利用 iPhone，Android，Palm，Symbian,WP7,Bada 和 Blackberry 智能手机的核心功能——

的强大浏览器，所以开发人员在 PhoneGap 框架下可通过 JavaScript 访问设备本地 API。

WebView 是什么（WebView 组件实质是移动设备的内置浏览器 WebView 这个内置浏览器特性是 Web

能被打包成本地客户端的基础，可方便的用 HTML5、CSS3 页面布局，这是移动 Web 技术的优势相对于原

生开发）

（2）易用性，基于标准的 Web 开发技术 (html + css +js)

（3）提供硬件访问控制（api）

（4）可利用成熟 javascript 框架（JqueryMobile SenchaTouch）

（5）方便的安装和使用

3. PhoneGap 的不足

(1) PhoneGap 应用程序的运行是寄托于移动设备上各平台的内置浏览器 webkit 的，受到 webkit 处理

速度影响，以及各个平台的硬件与软件的性能制约，其程序运行的速度会比原生的程序稍微慢点，但是笔

者认为，这些问题在 1-2 年内都会解决，因为现在的硬件的发展速度太快了。

(2)还有一些底层的功能需要插件来实现比如（推送功能）

户体验及界面有极致的追求，考虑目前的硬件条件和开发成本，使用原生开发来实现比较适合。

4．PhoneGap 前景

2011 年 10 月 4 日 Adobe 宣布收购了创建了 HTML5 移动应用框架 PhoneGap 和 PhoneGap Build 的新创

公司 Nitobi Software。这使得 phonegap 有了坚强的后盾，phonegap 的发展前景也是一片光明。与此同时，

PhoneGap 的开源框架已经被累积下载 60 万次，借助 PhoneGap 平台，已有数千应用程序建立在 iOS，android

以及其它操作系统之上。

二、Web App, Native APP,Hybird App 介绍

的浏览器访问来实现跨平台，同时可以通过浏览器支持充分使用 HTML5 特性，缺点是这些基于浏览器的应

用无法调用系统 API 来实现一些高级功能，也不适合高性能要求的场合.

统的 API 和平台特性，在性能上也是最好的。缺点是由于开发技术不同，如果你要覆盖多个平台，则要针

对每个平台独立开发,无跨平台特性.

则是为了弥补如上两者开发模式的缺陷的产物.分别继承双方的优势.首先它让为数众多的 web 开发人

员可以几乎零成本的转型成移动应用开发者；其次，相同的代码只需针对不同平台进行编译就能实现在多

平台的分发，大大提高了多平台开发的效率；而相较于 web App，开发者可以通过包装好的接口，调用大

部分常用的系统 API。PhoneGap 正是 Hybird APP 的代表开发框架

并没有可以兼容的应用开发接口和语言；当前，使用 C/C++ 的 Symbian、使用 Object C 的 iOS 和使用 Java

的 Android 应用开发技术，几乎是完全无法融合的。

2、移动互联网软件开发者的困扰

开发完 Android 应用，还得重新开发 Ios 应用，开发完 Ios 还得开发 Windows Phone，一个应用不同平台

重复开发

1.从应用开发的角度来说，同样的程序逻辑却不得不在多个平台上使用不同的语言和 API 重复编码。

2.从代码维护的角度来说，针对同一个项目需要同时维护多份代码，一旦程序逻辑发生变化，将导致

大规模的代码修改与回归测试。

3.从经济角度来说，要同时开发和维护多个平台的应用程序，将花费企业巨大的人力和时间成本。

3、phonegap 的出现，为什么要学 phonegap

jQuery 核心库，而且会发布一个完整统一的 jQuery 移动 UI 框架。支持全球主流的移动平台。此框架简单

易用。页面开发主要使用标记，无需或仅需很少 JavaScript。

此框架简单易用。页面开发主要使用标记，无需或仅需很少 JavaScript。

2.SenchaTouch 介绍

前不久基于 JavaScript 编写的 Ajax 框架 ExtJS,将现有的 ExtJS 整合 JQTouch、Raphaël 库，推

出适用于最前沿 Touch Web 的 Sencha Touch 框架，该框架是世界上第一个基于 HTML5 的 Mobile App 框架。

http://www.phonegap100.com/article-65-1.html

Sencha Touch

五、创建一个简单的示例，打包成跨平台的可安装的移动应用

http://www.opera.com/zh-cn/developer/mobile-emulator

2.其他浏览器

课程安排：

应用软件

学习以及项目实战