android WebView加载html 处理的图片过宽的工具类 (过宽的控制到100%,正常尺寸的不放大)

最新推荐文章于 2021-06-17 11:14:08 发布

星海浮沉

最新推荐文章于 2021-06-17 11:14:08 发布

阅读量483

点赞数

CC 4.0 BY-SA版权

分类专栏： Android开发

本文链接：https://blog.csdn.net/wfs31415926/article/details/80257262

Android开发专栏收录该内容

30 篇文章

订阅专栏

本文介绍了一个利用JSoup实现的工具类，该工具类主要用于处理HTML中的图片元素，确保图片能根据设备屏幕大小自动调整尺寸。文章提供了两个主要方法：getNewContent用于设置图片的最大宽度为100%，并保持原有高度不变；getFinalContent则是在HTML头部加入样式，以适应不同设备的显示需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考博客: 小曾同志的专栏: https://blog.csdn.net/u010023795/article/details/53509495
工具类

import org.jsoup.Jsoup;
import org.jsoup.nodes.Document;
import org.jsoup.nodes.Element;
import org.jsoup.select.Elements;

public class WebContentFormatUtil {

    private static String sHead = "<html><head><meta name=\"viewport\" content=\"width=device-width, " +
            "initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes\" />" +
            "<style>img{max-width:100% !important;height:auto !important;}</style>"
            + "<style>body{max-width:100% !important;}</style>" + "</head><body>";

    /**
     * 图宽度都控制到 100% 小图标会被放到超级大
     */
    public static String getNewContent(String htmltext) {
        try {
            Document doc = Jsoup.parse(htmltext);
            Elements elements = doc.getElementsByTag("img");
            for (Element element : elements) {
                element.attr("max-width", "100%")
                        .attr("width", "100%")
                        .attr("height", "auto")
                        .attr("style", "");
            }
            return doc.toString();
        } catch (Exception e) {
            return htmltext;
        }
    }

    /**
     * 图片自动适应 过宽缩到100%,正常的不放大
     */
    public static String getFinalContent(String htmltext) {
        return sHead + htmltext + "</body></html>";
    }

}