Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
PhoneGap分享和交流
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
cssrain
September 02, 2014
Technology
180
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
PhoneGap分享和交流
PhoneGap分享和交流
cssrain
September 02, 2014
More Decks by cssrain
See All by cssrain
UED工作流程分享和交流
cssrain
1
560
解读HTML
cssrain
0
230
解读HTML5
cssrain
2
240
基础CSS(1)
cssrain
0
240
基础CSS(2)
cssrain
0
180
高效的CSS
cssrain
0
230
高级CSS—继承
cssrain
0
200
PhoneGap实践
cssrain
0
120
Zen Coding.
cssrain
0
150
Other Decks in Technology
See All in Technology
Kiro Crew 入門 (手を離しても進む仕事) | 目指せ Kiro マスター 11
inariku
PRO
1
370
詳解 never 型 - ボトム型の性質を深掘り
nealle
0
150
慶應義塾大学 AI実践05 論文執筆の仕組み化
keio_smilab
PRO
6
3.7k
Oracle Database Security 詳細解説
oracle4engineer
PRO
2
260
渡米前の準備を制す!re:Invent 2026徹底準備術 / The Ultimate Preparation Guide for re:Invent 2026
yuj1osm
1
550
Don't write the architecture only in the prompt.
neohsu
0
310
あなたのDartコードは丸見えかもしれない ~reFlutterで暴くFlutterアプリの中身と多層防御~
zozotech
PRO
0
770
AI Agent 時代のデータ基盤: ClickHouse で実現する 超高速分析とコスト削減の両立
jozono
0
190
複雑な業務システムを高速でつくるため、チーム全員をつくれる人へ
ayakurabuchi
0
130
自律的なチームを作るためにTechPMがやらないこと
ny7760
1
510
[General] 개발자로 해외 기업에서 일하기
skydoves
1
300
セキュリティ専任チームなしで攻撃を先回りするSREが実践したSIEM on Amazon OpenSearch Service
cscengineer
PRO
0
280
Featured
See All Featured
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
2
2.2k
Building AI with AI
inesmontani
PRO
1
1.4k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
2
340
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
560
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
330
The Illustrated Children's Guide to Kubernetes
chrisshort
51
53k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
7k
Build your cross-platform service in a week with App Engine
jlugia
234
19k
Fashionably flexible responsive web design (full day workshop)
malarkey
409
67k
Un-Boring Meetings
codingconduct
0
490
Visualization
eitanlees
153
17k
Are puppies a ranking factor?
jonoalderson
2
4.1k
Transcript
PhoneGap 分享和交流 单东林 2012年06月 UED分享 · 交流 http://cssrain.github.io
PhoneGap是什么 PhoneGap是如何工作的 PhoneGap提供的API接口 PhoneGap参考资料 内容: 1 2 3 4
PhoneGap是什么 PhoneGap 是一个开源的开发框架,使用HTML,CSS和JavaScript来构建跨平台的的移动 应用程序。它使开发者能够利用iPhone,Android,Palm,Symbian,Blackberry, Windows Phone和Beda智能手机的核心功能——包括地理定位,加速器,相机,联系人, 声音和振动等。
PhoneGap的历史 PhoneGap 由 Nitobi 公司创建,于2011.10被Adobe收购,幵捐赠给Apache基金组织。 更名为 Apache Cordova
PhoneGap的优点和不足 优点: • 兼容性:完全做到了Written Once,Run Everywhere! • 标准化:PhoneGap采用W3C标准,Web App直接运行! •
采用普通web开发技术:JavaScript+HTM5+CSS3。 不足: • 性能:正常操作速度流畅,频繁操作响应会变慢。 • 稳定性及资源占用方面:手动频繁操作会引起,响应速度变慢,webkit的WebView不能 很好释放内存,导致内存占用上升,甚至会引起应用的crash。
PhoneGap 支持的设备
PhoneGap的工作原理 iPhone和Android平台共同点是都有内置的WebView组件, 其具备两个特性: • WebView组件实质是移动设备的内置浏览器 • WebView提供Web和设备本地API双向通信的能力
JS Native PhoneGap的工作原理 PhoneGap 建立了一套Native 到JS和JS到Native的双向通道。
一个成熟的PhoneGap技术客户端运行状况: 应用运行在WebView组件上 -> 通过PhoneGap在各平台的扩展 -> 最终访问设备本地资源。
PhoneGap API
PhoneGap注意 Warning! • PhoneGap不是UI框架 • PhoneGap不包括浏览器或渲染引擎 • PhoneGap不会编译 • 每个平台都需要自己编译
• HTML5/CSS3 兼容性不一 ,查看http://www.mobilehtml5.org
参考资料 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
感 谢 聆 听