PhoneGap分享和交流

PhoneGap分享和交流

Transcript

1. PhoneGap 分享和交流 单东林 2012年06月 UED分享 · 交流 http://cssrain.github.io
2. PhoneGap是什么 PhoneGap是如何工作的 PhoneGap提供的API接口 PhoneGap参考资料 内容： 1 2 3 4
3. PhoneGap是什么 PhoneGap 是一个开源的开发框架，使用HTML，CSS和JavaScript来构建跨平台的的移动 应用程序。它使开发者能够利用iPhone，Android，Palm，Symbian，Blackberry， Windows Phone和Beda智能手机的核心功能——包括地理定位，加速器，相机，联系人， 声音和振动等。
4. PhoneGap的历史 PhoneGap 由 Nitobi 公司创建，于2011.10被Adobe收购，幵捐赠给Apache基金组织。 更名为 Apache Cordova
5. PhoneGap的优点和不足 优点： • 兼容性：完全做到了Written Once，Run Everywhere! • 标准化：PhoneGap采用W3C标准，Web App直接运行！ • 采用普通web开发技术：JavaScript+HTM5+CSS3。 不足： • 性能：正常操作速度流畅，频繁操作响应会变慢。 • 稳定性及资源占用方面：手动频繁操作会引起，响应速度变慢，webkit的WebView不能 很好释放内存，导致内存占用上升，甚至会引起应用的crash。
6. PhoneGap 支持的设备
7. PhoneGap的工作原理 iPhone和Android平台共同点是都有内置的WebView组件, 其具备两个特性： • WebView组件实质是移动设备的内置浏览器 • WebView提供Web和设备本地API双向通信的能力
8. JS Native PhoneGap的工作原理 PhoneGap 建立了一套Native 到JS和JS到Native的双向通道。
9. 一个成熟的PhoneGap技术客户端运行状况： 应用运行在WebView组件上 -> 通过PhoneGap在各平台的扩展 -> 最终访问设备本地资源。
10. PhoneGap API
11. PhoneGap注意 Warning！ • PhoneGap不是UI框架 • PhoneGap不包括浏览器或渲染引擎 • PhoneGap不会编译 • 每个平台都需要自己编译 • HTML5/CSS3 兼容性不一 ，查看http://www.mobilehtml5.org
12. 参考资料 1、Javascript移动开发框架 • jQuery Mobile：http://jquerymobile.com/ • jQTouch：http://jqtouch.com • Sencha Touch: http://mobile.51cto.com/Sencha-278623.htm PhoneGap + 合适的javascript开发框架，轻松开发出原生风格的移动应用。选择 哪种js框架，你可以通过:《三大移动Web开发框比较分析》一文，选择适合的框架。 2、PhoneGap社区 PhoneGap官网：http://phonegap.com/ PhoneGap中国社区： http://www.phonegap.cn PhoneGap中国： http://www.phonegapcn.com/ 51CTO专题（跨平台移动web中间件PhoneGap开发入门） ： http://mobile.51cto.com/hot-273792.htm
13. 感 谢 聆 听