美文网首页
【BUG系列】Android WebView加载Html代码不适

【BUG系列】Android WebView加载Html代码不适

作者: Wing_Li | 来源:发表于2022-05-24 17:50 被阅读0次

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} 这个是关键解决空白问题的代码,完美解决所有问题,是不是很简单
// 如果加上 *{margin:0;padding:0} 网页显示不出来了,可将其删除试试

相关文章

  • 【BUG系列】Android WebView加载Html代码不适

    1.WebView加载Html文本的正确方式 2.但是如果文本中带图片的话就会遇到适配问题该如何解决呢? 3.这不...

  • WebView中的文件选择

    html示例 Android代码 参考:Android使用WebView加载网页选择文件上传[https://bl...

  • WebView中播放视频,全屏的适配

    WebView中播放视频,全屏的适配 Android中WebView的Bug很多,今天总结下加载WebView中视...

  • WebView 与JS 互相调用

    WebView加载本地html loadUrl("file:///android_asset/html/index...

  • 2020-08-21

    Webview (1)加载URL(网络或者本地assets文件夹下的html文件)(2)加载html代码(3) ...

  • Android日常--WebView

    Android调用javaScript方法 加载WebView代码后,点击button调用javaScript代码...

  • Android开发-WebView

    WebView 加载网页1.加载URL(网络或者本地assets文件下的html文件)2.加载htmL代码3.Na...

  • Bug

    Bug描述 webView加载bundle下的html,相对于mainBundle的路径如下: H5Project...

  • Swift 加载本地html

    一. 准备工作 Xcode 拖进html项目文件夹 二.webView加载html关键代码

  • Android WebView 优化梳理

    1.针对加载webView中的资源时加快加载的速度优化(主要是针对图片)原因:html代码下载到WebView后,...

网友评论

      本文标题:【BUG系列】Android WebView加载Html代码不适

      本文链接:https://www.haomeiwen.com/subject/cdwmcrtx.html