WebView与JavaScript交互

只为记录自己的点滴经验！！！

WebView是Android内置的浏览器控件，可以用来加载网页。项目中用到WebView与JS代码的交互，特此记录。

前提：将html文件放入项目main下的assets目录下

一、android调用 js

1.android端通过webview的loadUrl方法加载html网页

2.android端通过webview的loadUrl方法调用html中的 js方法(这里假设functionFromJS()是JS中的方法)
mWebView.loadUrl(“javascript:functionFromJS()”);

二、js 调用Android本地方法

1.将 js 要调用的方法封装在本地的一个类中，如：JavaScriptInterface1

1. 本地通过WebView的addJavaScriptInterface(new JavaScriptInterface1(),”root”); 这个方法 将定义了回调方法的对象注入到WebView中，这样 js 就可以通过对象调用本地方法了。（注入的对象的引用叫”root”）

2. 在 js 中通过”root”这个引用即可调用JavaScriptInterface1中定义的本地方法。

另外，在网页跳转的时候，可以通过在本地自定义WebView中使用到的WebClent对象，从而截获跳转地址。

注：（我用的是模拟器）

如果发现 js 调用android本地方法无效，检查一下targetSdkVersion，在 17 以下有效果。

要想在 17 以上有效，需要在android本地JavaScriptInterface1中定义的方法上加上注释：
@JavascriptInterface