phonegap guide
TRANSCRIPT
![Page 1: PhoneGap Guide](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55aa35e51a28ab634c8b46ea/html5/thumbnails/1.jpg)
使用 PhoneGap在移动平台上的实战
廖健 2011.09.17
![Page 2: PhoneGap Guide](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55aa35e51a28ab634c8b46ea/html5/thumbnails/2.jpg)
移动设备的特性:
设备传感器联系人信息地理定位拍照、摄影震动、响铃提醒
![Page 3: PhoneGap Guide](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55aa35e51a28ab634c8b46ea/html5/thumbnails/3.jpg)
移动设备的市场分布:
![Page 4: PhoneGap Guide](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55aa35e51a28ab634c8b46ea/html5/thumbnails/4.jpg)
开发Android应用需要:
Android SDKJDKEclipse
![Page 5: PhoneGap Guide](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55aa35e51a28ab634c8b46ea/html5/thumbnails/5.jpg)
开发iOS应用需要:
Mac OSiOS SDKXcode
![Page 6: PhoneGap Guide](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55aa35e51a28ab634c8b46ea/html5/thumbnails/6.jpg)
更多其它平台。。。
WebOSBadaBlackBerrySymbian
![Page 7: PhoneGap Guide](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55aa35e51a28ab634c8b46ea/html5/thumbnails/7.jpg)
Native App
门槛高成本大性能好依赖平台运行调用设备 API
![Page 8: PhoneGap Guide](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55aa35e51a28ab634c8b46ea/html5/thumbnails/8.jpg)
Native App
门槛高成本大性能好依赖平台运行调用设备 API
Web App
低门槛高效率性能一般极大的平台覆盖率极有限的设备API
![Page 9: PhoneGap Guide](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55aa35e51a28ab634c8b46ea/html5/thumbnails/9.jpg)
Bridging the gap between web and mobile device
![Page 10: PhoneGap Guide](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55aa35e51a28ab634c8b46ea/html5/thumbnails/10.jpg)
PhoneGap
https://github.com/phonegap/http://www.phonegap.com/
![Page 11: PhoneGap Guide](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55aa35e51a28ab634c8b46ea/html5/thumbnails/11.jpg)
HTML5
语义化标记复杂的样式控制离线应用图形绘制媒体播放
![Page 12: PhoneGap Guide](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55aa35e51a28ab634c8b46ea/html5/thumbnails/12.jpg)
PhoneGap API
![Page 13: PhoneGap Guide](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55aa35e51a28ab634c8b46ea/html5/thumbnails/13.jpg)
PhoneGap开发准备
安装Google Chrome浏览器
![Page 14: PhoneGap Guide](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55aa35e51a28ab634c8b46ea/html5/thumbnails/14.jpg)
PhoneGap开发准备
安装Google Chrome浏览器安装Ripple插件 (Mobile Web Emulator)
http://rippledocs.tinyhippos.com/index.htmlhttps://chrome.google.com/webstore/detail/geelfhphabnejjhdalkjhgipohgpdnoc
![Page 15: PhoneGap Guide](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55aa35e51a28ab634c8b46ea/html5/thumbnails/15.jpg)
PhoneGap debug
![Page 16: PhoneGap Guide](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55aa35e51a28ab634c8b46ea/html5/thumbnails/16.jpg)
Media Queries
http://www.w3.org/TR/css3-mediaqueries/http://webdesignerwall.com/tutorials/css3-media-querieshttp://www.cssnolanche.com.br/overview-css3-media-queries/
![Page 19: PhoneGap Guide](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55aa35e51a28ab634c8b46ea/html5/thumbnails/19.jpg)
需要在设备上调试?
![Page 21: PhoneGap Guide](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55aa35e51a28ab634c8b46ea/html5/thumbnails/21.jpg)
用最小的成本
将业务覆盖到尽可能多的平台上