android原生webview,Android 原生与WebView JS的交互

webview调用java方法

1.允许webview加载js ：

webView.getSettings().setJavaScriptEnabled(true);

2.编写js接口类

import android.util.Log;

import android.webkit.JavascriptInterface;

public class TestJavascriptInterface {

@JavascriptInterface

public void testMethod(String value) {

Log.e("JavascriptInterface", "come in testMthod");

}

}

3.给webview添加js接口：

webView.addJavascriptInterface(new TestJavascriptInterface(),"testObj");

android中调用js方法

webView.loadUrl("javascript:if(window.testJSMethod){window.testJSMethod('this is my test content')}")

chrome的调试

1.webView.setWebContentsDebuggingEnabled(true);

2.通过chrome浏览器进行调试，在地址栏输入chrome://inspect/#devices

js交互中常见的错误

1.在Android中声明的JavascriptInterface接口的的方法中throw Exception，本地并不会捕捉到报错信息，网页端会出错。

2.web端不进行对象是否存在的判断

3.传递的参数类型不一致(尤其是数组和对象)

4.字符串类型参数未空时传递undefined