IOSWebApp初步使用-基于PhoneGap框架.docx

PhoneGap 是一个使用HTML, CSS和JavaScript的，创建移动跨平台移动应用 程序的快速开发平台。它使开发者能够利用iPho ne ， An droid ， Palm ， Symbian,WP7,Bada和Blackberry等智能手机的核心功能 包括地理定位， 加速器,
联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以以此扩展无限的功能。 PhoneGap是免费的，但是它需要特定平台提供的附加软件，例如 iPhone的iPhone
SDK，An droid 的 An droid SDK 等。
PhoneGap的优点：
1、 兼容性。完全做至 U了 writte n on ce, r un everywhere 。
2、 标准化。PhoneGap用 W3C标准，特别标准，Web App直接一字不改就能 运行。尤其是和JQ Mobile结合在一起使用，实在是威力无穷啊。
3、 配合使用JavaScript+HTML5 ，潜力巨大。
当然目前PhoneGap缺陷还是蛮多的，比如运行速度慢，UI反应延时一一这是个 致命伤。不过嘛，这种问题是会随着技术的进步而消失的。它的优势是无以伦比的：开 发成本低（包括跨平台）。当然，Native App永远会有一席之地，比如高端游戏。
一、 开发准备
1、 首先需要一台运行苹果系统的电脑，装好 Xcode，如果需要真机调试，还需要 开发者证书。
2、 去下载最新版的PhoneGap，。
3、把下载完的zip文件解压缩，双击运行里面的一个 dmg镜像，进行安装
,就是它了
4、打开 Xcode，新建工程，就会看到 PhoneGap-based Applicaton
二、 注意事项
1、 用 PhoneGap-based Applicaton 向导生成工程以后，按 command+B
生成一下。打开工程文件所在的目录，就会看见一个www的目录，拖拽到Xcode中， 选择引用即可。强调一下，必须选择引用方式，这样www目录在Xcode中是蓝色的。 www目录下放的就是 web端的一些文件(html/css/js/image )。
2、 在PhoneGap中，如果需要访问外部链接是需要授权的，
文件中可以看到，有一个 ExternalHosts 数组，里面可以配置。顺便说一下， Plugi ns
下可以清楚的看到，可以使用iOS的本地核心组件，例如相机，联系人等等。
三、 例子说明
例子很简单，在向导生成的基础上，加上了模拟 Path应用程序的左下角的快捷菜
单功能，并且通过PhoneGap框架调用iOS的Camera模块。先来看看截图吧：
基于Phon eGap框架的开发非常适合有web开发经验的开发者，因为里面基本上 都是Html/CSS/js。比如快捷菜单的功能，在 html文件中代码如下：
vfooter class="op-footer">
id="path_photo"
id="path_people"
id="path_place"
<a href="javascript:photo();toggle_menu();"><img
class="path_ic on" s