Webview動態注入js腳本

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

而後java

 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");

在頁面數據加載完成後,注入腳本代碼web

 webview.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);
        injectImgClick();
    }
});
相關文章
相關標籤/搜索