Android webview和js互相调用

记录一下,避免忘记;
首先对webview进行初始化设置
WebSettings settings = webView.getSettings();
settings.setJavaScriptEnabled(true);
//设置编码
settings.setDefaultTextEncodingName("utf-8");
webView.addJavascriptInterface(new JsInteration(), "control");
webView.setWebChromeClient(new WebChromeClient() {
});
//此方法可以在webview中打开链接,而不会跳转到外部浏览器;
webView.setWebViewClient(new WebViewClient());
// 设置可以支持缩放
webView.getSettings().setSupportZoom(true);
// 设置出现缩放工具
webView.getSettings().setBuiltInZoomControls(false);
//扩大比例的缩放
webView.getSettings().setUseWideViewPort(true);
//自适应屏幕
webView.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
webView.getSettings().setLoadWithOverviewMode(true);
webview加载url,既可以加载Android本地资源,也可以加载网络url
加载Android本地资源:String url = "file:///android_asset/TableList1.html";
webView.loadUrl(url);

拦截webview加载的url

webView.setWebViewClient(new WebViewClient() {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        Log.d(TAG, "shouldOverrideUrlLoading: -------拦截到的url****" + url);
        return true;
    }

    @Override
    public void onPageStarted(WebView view, String url, Bitmap favicon) {
        Log.d(TAG, "shouldOverrideUrlLoading: onPageStarted-------拦截到的url****" + url);
        super.onPageStarted(view, url, favicon);
    }


});

webview和js相互调用:

切记要先设置

webView.addJavascriptInterface(new JsInteration(), "control");

webview调用js方法:webView.loadUrl("javascript:方法名");

webView.loadUrl("javascript:callAndroid()");

 

js调用webview,这套方法不管是加载的网络url还是本地资源都是可以使用的。

前端调用Android中的helloAndroid方法代码:
function callAndroid(){
      window.control.helloAndroid("js调用了android中的helloAndroid方法")
}

Android端提供helloAndroid方法给前端调用

public class JsInteration {
//msg为前端传递过来的参数
    @JavascriptInterface
    public void helloAndroid(String msg) {
        textView.setText(msg);
    } 
}

 

 

你可能感兴趣的:(webview,webview和js互相调用)