码迷,mamicode.com
首页 > Web开发 > 详细

Webview动态注入js脚本

时间:2015-05-12 11:28:53      阅读:467      评论:0      收藏:0      [点我收藏+]

标签:

 在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();
    }
});

这样点击就可以打开本地的图片浏览界面

Webview动态注入js脚本

标签:

原文地址:http://blog.csdn.net/android_love/article/details/45665893

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!