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

完。

 

发布了60 篇原创文章 · 获赞 13 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/qq_35584878/article/details/100098828