前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Webview动态注入js脚本

Webview动态注入js脚本

作者头像
战神伽罗
发布2019-07-22 19:21:08
7.3K0
发布2019-07-22 19:21:08
举报

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

代码语言:javascript
复制
 /** 要注入的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);};}})()");
}

然后

代码语言:javascript
复制
 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");

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

代码语言:javascript
复制
 webview.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);
        injectImgClick();
    }
});
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档