Android5.1以上webView中图片显示过大的解决方式

当我们使用webView时可能遇到适配问题，图片过大以至于超出屏幕

1.
在android4.4以前是可以通过直接对webView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);来设置加载的内容适应屏幕的宽度的，

2.

但是在Android高版本中你会发现通过第一种方式来设置是没有生效的，所以在高版本中推荐第二种方式，主要原理就是：通过解析Html页面获取图片，把图片按照屏幕缩放，再转成Url给webView显示就可以了。代码如下：

这个方法就是将图片按比例缩放的方法。 原理就是解析HTML，获取到图片元素进行缩放“

 

// 高版本webView屏幕适配
private String getNewContent(String htmlText) {
    Document doc = Jsoup.parse(htmlText);
    Elements elements = doc.getElementsByTag("img");
    for (Element element : elements) {
        element.attr("width", "100%").attr("height", "auto");
    }
    return doc.toString();
}

 

1.上面的代码用到了一个jar包 ：jsoup-1.8.3.jar 这个是专门用来解析HTML的，也可以用来抓取网页数据，缩放比例可以自己根据需求调。

2.jar包下载地址https://jsoup.org/download