Android WebView 实现JS相互调用 JsBridge

本文简单阐述如何使用开源库com.github.lzyzsd.jsbridge实现Android与JS相互通信调用,iOS客户端同样适用;

Git地址:https://github.com/lzyzsd/JsBridge

本文demo下载地址:

http://download.csdn.net/detail/chenxh515/9469239


整体工程结构:

Android WebView 实现JS相互调用 JsBridge_第1张图片

包com.github.lzyzsd.jsbridge是git上的开源库,大神封装好的调用、回调机制,有源码可以根据自己的需求修改;

特别注意/assets/中一定要添加WebViewJavascriptBridge.js文件,否则无法实现通信调用,主要作用是初始化、注册调用、回调等;

其中/assets/demo.html是示例文件,H5开发人员可以根据需求变更JS、H5代码实现需求的调用、回调交互;


1、布局文件:

Android WebView 实现JS相互调用 JsBridge_第2张图片


2、Activity代码:

Android WebView 实现JS相互调用 JsBridge_第3张图片


3、页面调用效果:

Android WebView 实现JS相互调用 JsBridge_第4张图片Android WebView 实现JS相互调用 JsBridge_第5张图片

demo下载地址:

http://download.csdn.net/detail/chenxh515/9469239



你可能感兴趣的:(Android WebView 实现JS相互调用 JsBridge)