利用webView实现js与Android方法互调

举例：获取第一个img元素的src值然后传给android

 

 三步走：

1、android配置webSetting：

//WebSettings mWebSettings= mWebView.getSettings();
//开启js支持
mWebSettings.setJavaScriptEnabled(true);

//添加js接口：
mWebView.addJavascriptInterface(new InJavaScriptLocalObj(), "jsAndroid");

InJavaScriptLocalObj类在第3步中用到，jsAndroid标记可自定义，下面2.2会用到。

2.1、android调用js（web页面加载完之后调用）：

mWebView.loadUrl("javascript:js的方法名()")

2.2、js再调用android：

window.jsAndroid.安卓回调的方法名(参数)

举个栗子（写入js，然后调用js的方法，js再调用android方法）：

//mWebView.setWebViewClient(webViewClient);
private WebViewClient webViewClient = new WebViewClient(){

        @Override
        public void onPageFinished(WebView view, String url) {
                // js调用android的getImageSrc方法
                view.loadUrl("javascript:function getSrc(){\n" +
                        "        window.jsAndroid.getImageSrc(document.getElementsByTagName(\"img\")[0].src)\n" +
                        "     }");
                //调用js的getSrc方法，也就是上面写入进js的这个方法
                view.loadUrl("javascript:getSrc()");
                super.onPageFinished(view, url);
            }
        }
    };

3、js调用android方法的回调（注意别漏掉了@JavascriptInterface注解）：

public final class InJavaScriptLocalObj
{
    @JavascriptInterface
    public void getImageSrc(String src) {
        Intent intent = new Intent(MainActivity.this,PictureActivity.class);
        intent.putExtra("url",src);
        startActivity(intent);
    }
}

 

完。