1、PhoneGap：跨平臺(tái)移動(dòng)應(yīng)用開發(fā)和調(diào)試技術(shù)技術(shù)創(chuàng)新，變革未來1. 移動(dòng)應(yīng)用開發(fā)的主要方式2. Hybrid App框架董龍飛3. PhoneGap訪問移動(dòng)設(shè)備本地特性打包HTML5App, 部署到多種平臺(tái)phoneGapplugin4 .誰在使用PhoneGap？BBCOlympicSC INSIGHT (Adobe內(nèi)部產(chǎn)品)Microsoft HALO WAYPOINT5. PhoneGap架構(gòu)Mobile OSWeb AppHTML5+JavaScript+CSS3Native Web View(WebView、UIWebView)PhoneGap Plug-ins攝像頭運(yùn)動(dòng)傳感器指南

2、針設(shè)備信息GPS通知網(wǎng)絡(luò)狀態(tài)定制plugin6 .PhoneGap內(nèi)嵌的本地特性支持7. PhoneGap插件定制注冊(cè)Javascript接口var CallsListing=function();CallsLtotype.list=function(successCallback,failureCallback)return cordova.exec(successCallback,failureCallback,CallsHistoryPlugin,list,test);cordova.addConstructor(function()cordova.addPlugin(callsList

3、ing,new CallsListing););使用者調(diào)用window.plugins.callsListing.list( function(r)printResult(r), function(e)console.log(e);Javascript接口8.Cleaver9.PhoneGap Debug10. PhoneGap Buildwindow.plugins.callsListing.list( function(r)printResult(r), function(e)console.log(e);CallsLtotype.list=function(successCallback

4、,fa ilureCallback)return PhoneGap.exec(successCallback,failureCallback, CallsHistoryPlugin, list,test);10.如何實(shí)現(xiàn)JS與本地API的交互AndroidaddJavaScriptInterfaceWebChromClient： CallbackServer：XmlHttpRequestseverFrom JS to NativeCallbackServer：XmlHttpRequestseverFrom Native to JSWebChromClient： 覆蓋CallsLtotype.l

5、ist=function(successCallback,failureCallback)return PhoneGap.exec(successCallback,failureCallback, CallsHistoryPlugin, list,test);JavascriptJavaCallbackServer.java ： XHR serveriptJavascrJavaIOSJS到Native的通訊Native到JS的通訊實(shí)例化UIWebView11.debugWeinre配置為Server，開發(fā)者使用 Chrome/Safari開發(fā)工具 來遠(yuǎn)程調(diào)試移動(dòng)應(yīng)用PhoneGap Debug Server12.路線圖1.X(2011)Perfor