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