大话WebNative溷合开发(for android).pptx

大话 WebNative混合开发For Android张炎58同城-无线LBS事业部北京五八信息科技有限公司Web or Native Hybrid技术实现Hybrid经验分享张炎58同城-无线LBS事业部北京五八信息科技有限公司2of38Web App 一个项目到处运行，因为只运行在设备浏览器上没有标准的SDK，任意选择html,css,javascript和服务器端语PHP,Python张炎58同城-无线LBS事业部北京五八信息科技有限公司3of38Web AppWeb App浏览器用户界面html/css,FlashCanvas Audio/VideoJSON,XML,JavaScriptweb服务器WebDatabaseLocalStorageSessionStorageGeoLocation数据HTTP WebSocket 张炎58同城-无线LBS事业部北京五八信息科技有限公司4of38Native App for Android针对某一类系统，有标准的SDK，跨平台移植难利用httpclient/socket等与服务器通信利用系统的底层支持和框架层去支撑应用层Java Linux张炎58同城-无线LBS事业部北京五八信息科技有限公司5of38Native App for Android张炎58同城-无线LBS事业部北京五八信息科技有限公司6of38Web vs Native Native App Web App可移植性 差 强软件开发 Object-C,Java,门槛高，周 期长HTML/JAVASCRIPT/CSS,入门快，开发周期短是否需要安装 Yes No处理动画能力 方便处理各种动画 动画卡，运行不流畅运行速度 快 稍慢迭代成本 高 低同步数据结构 稍有滞后 实时同步调用本地功能 强 弱张炎58同城-无线LBS事业部北京五八信息科技有限公司7of38Web vs Native复杂的交互数据更新较快迭代太频繁紧跟数据更新脚步产品说变就变张炎58同城-无线LBS事业部北京五八信息科技有限公司8of39WebNative合体合体扬长避短张炎58同城-无线LBS事业部北京五八信息科技有限公司9of38Web vs Native 张炎58同城-无线LBS事业部北京五八信息科技有限公司10of38张炎58同城-无线LBS事业部北京五八信息科技有限公司11of38/wap.html/wap.html张炎58同城-无线LBS事业部北京五八信息科技有限公司12of38 Let’s Goooooo!张炎58同城-无线LBS事业部北京五八信息科技有限公司of3813技术实现张炎58同城-无线LBS事业部北京五八信息科技有限公司14of38WebView WebviewWebkitWebsettings张炎58同城-无线LBS事业部北京五八信息科技有限公司15of38WebView setWebChromeClient方法 -Native: webview.setWebChromeClient(mWebClient); //设置webviewchromeclient对象，实现监听webview 加载进度，js确认框，js操作超时等等 - onProgressChanged(WebView view, int newProgress) - onCloseWindow(WebView window) - onJsAlert(WebView view, String url, String message,JsResult result) - onJsConfirm(WebView view, String url, String message,JsResult result) - onJsPrompt(WebView view, String url, String message,String defaultValue,JsPromptResult result) - onJsTimeout()张炎58同城-无线LBS事业部北京五八信息科技有限公司16of38WebView setWebViewClient方法 -Native:webview.setWebViewClient(mClient); //对webview设置webviewclient，可以控制其内部跳转机制，加载进度监控。 - shouldOverrideUrlLoading(WebView view, String url) - onPageStarted(WebView view, String url, Bitmap favicon) - onLoadResource(WebView view, String url) - onReceivedEr