- 1、本文档共25页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
HTML5PhoneGapAndroid-建国科技大学
HTML5 + PhoneGap + Android 建國科技大學 資管系 饒瑞佶 2013/5 V1 ? Native App Web App Hybrid App 特性 不同的行動裝置作業系統各自提供開發需要的SDK,彼此並不相容 可以跨行動裝置平台,直接透過瀏覽器來執行 將Web App與Native App兩種開發方式混合使用,截長補短 需要的IT技術 Java, Object-C或.NET等 HTML5+CSS3+ JavaScript 綜合前兩者 跨平台能力 低 強 強 使用者經驗與效能 最佳 尚可 可 與行動裝置本機資源整合性 最佳 弱 尚可 學習門檻 高 最低 低 上架銷售 可 不行 可 Native App、Web App與Hybrid App之比較表 相關技術方塊 HTML5:HTML5 + jQuery(Javascript) + jQuery Mobile PhoneGap:行動裝置控制模組(例如硬體) HTML5與PhoneGap透過瀏覽器的webkit串接 最後透過SDK(Android、iOS、Windows)封裝兩者 PhoneGap 又稱?Apache Cordova? 行動開發框架(frame) 透過這個框架,開發者可以專心寫 HTML, JavaScript 與 CSS,與 Native 溝通的事就交給 PhoneGap 所以寫網頁的人也可以加入行動App的開發 利用PhoneGap開發Android /en/2.0.0/guide_getting-started_android_index.md.html 其他系統: /en/2.7.0/guide_getting-started_index.md.html#Getting%20Started%20Guides 下載PhoneGap Download the latest copy of?PhoneGap?and extract its contents. We will be working with the Android directory. /download/ PhoneGap for Android 步驟0:準備好需要的網頁 步驟1:使用Eclipse建立Android專案 步驟2:下載PhoneGap開發包(目前是2.7版) 步驟3:解壓縮PhoneGap開發包,取出lib\android目錄內的cordova-2.7.0.jar與cordova-2.7.0.js 串接示意圖 Webkit Javascript interface Webkit HTML5 Browser GPS WiFi Compass Camera … 行動裝置本機硬體 Native Code 控制 BT + Web App * 步驟4:在Android專案內的assets目錄建立www目錄,用來放置HTML網頁(離線模式) 步驟5:把cordova.jar(原始是cordova-2.7.0.jar,建議更名)複製到/libs裡,cordova.js(原始是cordova-2.7.0.js)複製到/assets/www裡 步驟6:修改程式 把Class extends 從Activity 改成 DroidGap 把setContentView(R.layout.main);改成 super.loadUrl(“file:///android_asset/www/index.html”); 步驟7: 將既有的網頁加入到assets/www內,配合步驟6,首頁命名為index.html !DOCTYPE HTML html head titleHello Inside/title script type=text/javascript charset=utf-8″ src=cordova.js/script /head body h1PhoneGap架構測試/h1 /body /html 發佈測試看看! 先整合jQuery與jQuery Mobile 加入jQuery與jQuery的相關js到assets\www內 加入下列tag到assets\www\index.html中 meta charset=utf-8 / meta name=viewport content=width=device-width, initial-scale=1/ script src=jquery-1.9.1.min.js/script link rel=stylesheet href=jquery.mobile-1.3.0.min.css script src=jquery.mobile-1.3.0.min.js/script 修改index.h
您可能关注的文档
- C新课标全国卷I近四年高考试题的研究-安徽省中小学教师继续教育网.ppt
- DDJ-I型使用说明书.PDF
- CP2物料跟踪系统概览.ppt
- DK6系列话机简易操作.doc
- DPA200SED类音频功率放大器.PDF
- DCADigitalCinemaAmplifiersDCA数字影院功放大器.PDF
- C语言范例及练习-ncnucsie.doc
- DT-8860系列话机操作卡.PDF
- DP770中文说明书1104.cdr-对讲机.PDF
- DII——全球专利检索利器.ppt
- 《食品级惰性粉防虫杀虫效果评价研究》.docx
- 完整版兰坪金鼎锌业有限责任公司招聘1人历年高频考题难、易错点模拟试题附带答案真题题库附答案【模拟题】.docx
- 北京版3年级下数学试卷.docx
- 北京版3年级数学试卷.docx
- 《污泥脱水及减量微生物菌剂的筛选与应用研究》.docx
- 完整版兖矿集团有限公司招聘3人历年(高频重点提升专题训练)附带答案题库(历年真题).docx
- 北京版4年级数学试卷.docx
- 完整版兖矿集团有限公司招聘3人历年(高频重点提升专题训练)附带答案大全【考点提分】.docx
- 完整版光明食品有限公司招聘193人高频考题难、易错点模拟试题附带答案王牌题库带答案下载.docx
- 完整版兰州连城铝业有限责任公司应届高校毕业生招聘高频考题难模拟试题附带答案题库【完整版】.docx
文档评论(0)