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

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

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

2.

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

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

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

 

// 高版本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

你可能感兴趣的:(Android)