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

   });