Android webView加载图片显示过大的问题

概述webview的基本使用流程这里我就不重复说明了，本篇针对的是文章详情加载完成后出现的情况，这里我们使用的方法是：通过js脚本，重置img标签中图片的宽度和高度。 使用步骤： 1、此方法需要使用js,所以webview设置属性中一定要添加下面这句，不然无效。 webView.getSettings().setJavaScriptEnabled(true);//支持javascript 2、  给w

webvIEw的基本使用流程这里我就不重复说明了，本篇针对的是文章详情加载完成后出现的情况，这里我们使用的方法是：通过Js脚本，重置img标签中图片的宽度和高度。

使用步骤：

1、此方法需要使用Js,所以webvIEw设置属性中一定要添加下面这句，不然无效。

webVIEw.getSettings().setJavaScriptEnabled(true);//支持JavaScript
2、  给webvIEw重新设置WebVIEwClIEnt

webVIEw.setWebVIEwClIEnt(new ArticleWebVIEwClIEnt());
3、重写WebVIEwClIEnt的onPageFinished方法

public class MyWebVIEwClIEnt extends WebVIEwClIEnt {

@OverrIDe
public voID onPageFinished(WebVIEw vIEw,String url) {
super.onPageFinished(vIEw,url);
//重置webvIEw中img标签的图片大小
imgreset();
}

@OverrIDe
public boolean shouldOverrIDeUrlLoading(WebVIEw vIEw,String url) {
vIEw.loadUrl(url);
return true;
}
}

/** * 对图片进行重置大小，宽度就是手机屏幕宽度，高度根据宽度比便自动缩放 **/ private voID imgreset() { webVIEw.loadUrl("JavaScript:(function(){" + "var obJs = document.getElementsByTagname(‘img‘); " + "for(var i=0;i<obJs.length;i++) " + "{" + "var img = obJs[i]; " + " img.style.maxWIDth = ‘100%‘; img.style.height = ‘auto‘; " + "}" + "})()"); }

总结

以上是内存溢出为你收集整理的Android webView加载图片显示过大的问题全部内容，希望文章能够帮你解决Android webView加载图片显示过大的问题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。