美文网首页
解决WebView加载html文本时,图片太大不能适配屏幕

解决WebView加载html文本时,图片太大不能适配屏幕

作者: 正义吖 | 来源:发表于2019-04-13 17:42 被阅读0次

    为了这个问题在网上找了跟多的方法,事过之后都不可以
    最后在网上找到了两种可以解决的

    方法1

    • 引进依赖
    compile 'org.jsoup:jsoup:1.10.1'
    

    然后新建一个HTMLFormat.java

    public class HTMLFormat {
    
        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();
        }
    
    }
    

    最后设置

    web_view.loadDataWithBaseURL(null, HTMLFormat.getNewContent(data.content), "text/html", "utf-8", null)
    

    方法2

    webSettings.setUseWideViewPort(true)
    webSettings.setLoadWithOverviewMode(true)
    这两个方法设置完后字体会显示的特别小,这个时候可以设置大小,就是下面这个方法
    setTextZoom(200)

    //        设置自适应屏幕,两者合用
            webSettings.setUseWideViewPort(true) //将图片调整到适合webview的大小
            webSettings.setLoadWithOverviewMode(true) // 缩放至屏幕的大小
            webSettings.setTextZoom(200)
    

    相关文章

      网友评论

          本文标题:解决WebView加载html文本时,图片太大不能适配屏幕

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