Webview加载图片时,经常会遇到图片显示不符合预期的问题。下面给出解决办法:利用Jsoup解析html指定img标签的宽高属性来解决。
小提示:("width", "100%")——>解决了图片过大,超出屏幕显示的问题,但是此时会带来一个新的bug,就是当图片小于屏幕尺寸时,也会按照屏幕的宽度显示。此时,指定("max-width", "100%")可以解决。
代码如下: /**
* WebView加载网页图片显示太大的解决方案 图片尺寸超过屏幕宽度,最大显示屏幕的宽度,否则展示原图的大小 https://blog.csdn.net/qq_35008536/article/details/52281161
* @param htmltext
* @return
*/
public static String getNewContent(String htmltext) {
Document doc = Jsoup.parse(htmltext);
Elements elements = doc.getElementsByTag("img");
for (Element element : elements) {
element.attr("width", "100%").attr("max-width", "100%").attr("height", "auto");
}
return doc.toString();
}