Android 查看webview里面的图片

  今天介绍一下怎么查看WebView里面的图片，首先要设置WebView能够支持JavaScript，然后实现JavaScript的监听接口：

mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.addJavascriptInterface(
  new JavascriptInterface(this.getActivity()), "ImageListener");

  下面是JavaScript接口的代码：

/*
     * javascript interface
     */
    public class JavascriptInterface {
        private Context context;

        public JavascriptInterface(Context context) {
            this.context = context;
        }

        public void ClickImage(String imageUrl) {
            Intent intent = new Intent();
            intent.putExtra("ImageUrl", imageUrl);
            LogHelper.i(imageUrl);
            intent.setClass(context, WebViewImageActivity.class);
            context.startActivity(intent);
        }
    }

  在WebView的图片上添加事件：

private void InjectWebViewClickListener() {
        StringBuilder str = new StringBuilder();
        str.append("javascript:(function(){");
        str.append("$('img').each(function(idx,obj){");
        str.append("$(obj).click(function(){");
        str.append("window.ImageListener.ClickImage($(obj).attr('src'));");
        str.append("});});})()");
        mWebView.loadUrl(str.toString());
    }

  最后在WebView的WebViewClient里调用这个事件：

mWebView.setWebViewClient(new WebViewClient() {
   @Override
   public void onReceivedError(WebView view, int errorCode,
     String description, String failingUrl) {
    super.onReceivedError(view, errorCode, description, failingUrl);
   }

   @Override
   public void onPageFinished(WebView view, String url) {
    super.onPageFinished(view, url);
    // html加载完成之后，添加监听图片的点击js函数
    InjectWebViewClickListener();
   }

  });