webview与JS交互小记
实现Java和js交互十分便捷。通常只需要以下几步。
- WebView开启JavaScript脚本执行
- WebView设置供JavaScript调用的交互接口。
- 客户端和网页端编写调用对方的代码。
其中需要注意的一下几点：
- 如果你的程序目标平台是17或者是更高，你必须要在暴露给网页可调用的方法（这个方法必须是公开的）加上@JavascriptInterface注释。如果你不这样做的话，在4.2以以后的平台上，网页无法访问到你的方法
- wevView.lodurl 是一个异步的过程，如果在mWebView.loadUrl("file:///android_asset/demo.html")后直接调用mWebView.loadUrl("javascript:Method()"); 它此时还没生成dom树，调用了没效果也正常。最好重写WebViewCliet的onPageFinish（）方法，在这里调用js方法
- wevView.lodurl必须在UI线程中执行才有效，若要在子线程操作，则可以webview.post（new runnable） 在runnable中调用mWebView.loadUrl("javascript:Method()"); 或者runOnUiThread（new runnable）
-
Alert无法弹出，应该是没有设置WebChromeClient WebView.setWebChromeClient(new WebChromeClient() {});
webview.getSettings().setJavaScriptEnabled(true);
webview.loadUrl("file:///android_asset/demo.html")
webview.addJavascriptInterface(new WebHost(this), "android");
public class WebHost{
public Context context;
public WebHost(Context context){
this.context = context;
}
@JavascriptInterface
public void acllJs(){
Toast.makeText(this,"JS调用了android",).show();
}
}
<script type="text/javascript">
function rec() {
android.acllJs();
}
function Method(){
console.log("android调用了JS")
}
function getGreetings() { return 1; }
</script>
Android 4.4之后使用evaluateJavascript调用有返回值的JS方法。这里展示一个简单的交互示例 具有返回值的js方法
private void testEvaluateJavascript(WebView webView) {
webView.evaluateJavascript("getGreetings()", new ValueCallback<String>() {
@Override public void onReceiveValue(String value) { Log.i(LOGTAG, "onReceiveValue value=" + value); }}); }
