PhoneGap Guide

使用 PhoneGap
在移动平台上的实战
廖健 2011.09.17

移动设备的特性：
设备传感器
联系人信息
地理定位
拍照、摄影
震动、响铃提醒

移动设备的市场分布：

开发Android应用需要：
Android SDK
JDK
Eclipse

开发iOS应用需要：
Mac OS
iOS SDK
Xcode

更多其它平台。。。
WebOS
Bada
BlackBerry
Symbian

Native App
门槛高
成本大
性能好
依赖平台运行
调用设备 API

Native App Web App
门槛高低门槛
成本大高效率
性能好性能一般
依赖平台运行极大的平台覆盖率
调用设备 API 极有限的设备API

gap
Bridging the between
web and mobile device

PhoneGap

https://github.com/phonegap/
http://www.phonegap.com/

HTML5
语义化标记
复杂的样式控制
离线应用
图形绘制
媒体播放

PhoneGap开发准备
安装Google Chrome浏览器

PhoneGap开发准备
安装Google Chrome浏览器
安装Ripple插件 (Mobile Web Emulator)

http://rippledocs.tinyhippos.com/index.html
https://chrome.google.com/webstore/detail/geelfhphabnejjhdalkjhgipohgpdnoc

Media Queries

http://www.w3.org/TR/css3-mediaqueries/
http://webdesignerwall.com/tutorials/css3-media-queries
http://www.cssnolanche.com.br/overview-css3-media-queries/

PhoneGap Build

https://build.phonegap.com/

https://build.phonegap.com/docs/

Weinre

http://phonegap.github.com/weinre/

用最小的成本

将业务覆盖到尽可能多的平台上

Q&A

gmail: colorhook@gmail.com
sina: @正邪邪邪

PhoneGap Guide

More Related Content

What's hot (20)

Viewers also liked (8)

Similar to PhoneGap Guide (20)

PhoneGap Guide