Android WebView加载Html文本不能适配,以及图片中间有空白的问题

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq939782569/article/details/77941199

1.WebView加载Html文本的正确方式

webView.loadData(html, "text/html; charset=utf-8", "utf-8");

2.但是如果文本中带图片的话就会遇到适配问题该如何解决呢?

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("height","auto");
        }
        return doc.toString();
    }
    //通过DOM方式遍历,拿到img标签,让宽度是100%,高度自适应就能解决图片不能自适应的问题了
    //这个还得加一个Jsoup的包

3.这不是最好的解决方案,因为图片中可能有空白的地方怎么解决呢?看下方的代码

 String head = "<head>" +
                "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\"> " +
                "<style>*{margin:0;padding:0;}img{max-width: 100%; width:auto; height:auto;}</style>" +
                "</head>";
        return "<html>" + head + "<body>" + bodyHTML + "</body></html>";
        // *{margin:0;padding:0这个是关键解决空白问题的代码,完美解决所有问题,是不是很简单

猜你喜欢

转载自blog.csdn.net/qq939782569/article/details/77941199