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); }}); }

 

转载于:https://www.cnblogs.com/denghaicheng/p/6495804.html