Native与H5交互-WebViewJavascriptBridge
2016-02-02 11:50
393 查看
native与H5的交互
1、JS与native的交互
JS与native的交互需要用到WebViewJavascriptBridge来交互,其实底层就是WebView。
//JS端 <script> Var utilBridge = “”; function connectWebViewJavascriptBridge(callback) { if (window.WebViewJavascriptBridge) { callback(WebViewJavascriptBridge); } else { document.addEventListener('WebViewJavascriptBridgeReady', function() { callback(WebViewJavascriptBridge); }, false); } } connectWebViewJavascriptBridge(function(bridge) { utilBridge= bridge; bridge.init(function(message, responseCallback) { //这里放的是native创建Bridge初始化的时候进入的方法 }); }); //js通过bridge发送参数给native Var param = { //js传递给native的参数 } utilBridge.send(param , function(responseData) { //responseData为native的回调 } //JS回调给native可通过responseCallback来执行 responseCallback(dataStr); </script>
PS:native跟H5交互,需要确定一些协议,在native调用H5的时候,native会通过WebViewJavascriptBridge组件 来创建好bridge,此时,你会发现H5页面中存在一个iframe。此时你就可以使用bridge来跟native交互。
相关文章推荐
- android eclipse关联源码,以及源码(代码)以及jar查看软件
- 作为一名83岁的长者,我开发了一款游戏App
- Android-动态权限-解决方案
- Android清单文件详解(三)----应用程序的根节点<application>
- [整理]Android屏幕适配(不同的屏幕分辨率和尺寸)
- android 布局优化标签<include/>、<merge />、<ViewStub />
- HTML5页面嵌入APP不能正常显示解决方案
- Android Studio 1.5错误
- Android起航系列第五章:片段Fragment
- Android学习-JAVA基础 (二)
- ios开发网上demo
- Android部分机型的动态权限的获取以及处理
- Android应用中OOM问题剖析和解决方案
- 整理一些iOS常用到的代码片段
- iOS开发-- 开发细节(富文本)
- Android Studio实现代码混淆
- Android支付宝支付步骤简述
- 【Android错误总结】错误java.lang.NoSuchMethodError: android.ImageView.setBackground
- android task栈和activity的关系(Task/launchMode)
- Android SDK Manager下载问题