Android 查看webview里面的图片

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

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

  下面是JavaScript接口的代码:


 public class JavascriptInterface {
  private Context context;

  publicJavascriptInterface(Context context) {
   this.context= context;
  }

  public voidClickImage(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 = newStringBuilder();
  str.append("javascript:(function(){");
  str.append("$('img').each(function(idx,obj){");
  str.append("$(obj).click(function(){");
  str.append("windows.imageListener.ClickImage($(obj).attr('src'));");
  str.append("});});})()");
  mWebView.loadUrl(str.toString());
 }

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

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

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

  });

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值