Webview动态注入js脚本

最新推荐文章于 2024-04-24 15:42:15 发布

weixin_34195142

最新推荐文章于 2024-04-24 15:42:15 发布

阅读量314

点赞数

文章标签：移动开发 python javascript ViewUI

原文链接：https://my.oschina.net/u/1777508/blog/663926

版权

2019独角兽企业重金招聘Python工程师标准>>>

在webview加载完成后，给所有的img便签加上本地点击事件

 /** 要注入的js代码
function(){
 var objs = document.getElementsByTagName('img');
 for(var i = 0; i <objs.length; i++) {
  objs[i].onclick = function() {window.toolbox.openImage(i,this.src);
 }
};
**/
 // 注入js函数监听
public void injectImgClick() {
    mWebView.loadUrl("javascript:(function(){var objs = document.getElementsByTagName('img');for(var i = 0; i <objs.length; i++) {objs[i].onclick = function() {window.toolbox.openImage(i,this.src);};}})()");
}

然后

 webview.getSettings().setJavaScriptEnabled(true);
webview.addJavascriptInterface(new Object(){
    @JavascriptInterface
    public void openImage(int i, String src) {
        ArrayList<String> list = new ArrayList<String>();
        list.add(src);
        mActivity.startActivity(new Intent(mActivity, PhotoViewActivity.class).putExtra(PhotoViewActivity.EXTRA_PHOTOS, list)
                .putExtra(PhotoViewActivity.EXTRA_TYPE, PhotoViewActivity.TYPE_VIEW));
    }
}, "toolbox");

在页面数据加载完成后，注入脚本代码

 webview.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);
        injectImgClick();
    }
});

转载于:https://my.oschina.net/u/1777508/blog/663926