Android WebView 内容图片宽度自适应(同时可以解决富文本里面的img 图片不适应的问题)

最新推荐文章于 2023-03-21 15:38:30 发布

小胖胖哈

最新推荐文章于 2023-03-21 15:38:30 发布

阅读量1k

点赞数 2

本文链接：https://blog.csdn.net/xxb52306/article/details/103090917

版权

webView方式一

WebSettings settings = mWebView.getSettings();

settings.setJavaScriptEnabled(true);//支持JS

String js = "<script type=\"text/javascript\">"+

"var imgs = document.getElementsByTagName('img');" + // 找到img标签

"for(var i = 0; i<imgs.length; i++){" + // 逐个改变

"imgs[i].style.width = '100%';" + // 宽度改为100%

"imgs[i].style.height = 'auto';" +

"}" +

"</script>";

mWebView.loadData(detail.data.content+js,"text/html; charset=UTF-8", null);

富文本的方式

WebView mWebView = findViewById(R.id.webView);
WebSettings settings = mWebView.getSettings();
settings.setLoadWithOverviewMode(true);//设置WebView是否使用预览模式加载界面。
mWebView.setVerticalScrollBarEnabled(false);//不能垂直滑动
mWebView.setHorizontalScrollBarEnabled(false);//不能水平滑动
settings.setTextSize(WebSettings.TextSize.NORMAL);//通过设置WebSettings，改变HTML中文字的大小
settings.setJavaScriptCanOpenWindowsAutomatically(true);//支持通过JS打开新窗口
settings.setAllowUniversalAccessFromFileURLs(true);
settings.setAllowFileAccess(true);
settings.setAllowFileAccessFromFileURLs(true);
//设置WebView属性，能够执行Javascript脚本
mWebView.getSettings().setJavaScriptEnabled(true);//设置js可用
mWebView.setWebViewClient(new WebViewClient());
settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);//支持内容重新布局
data = "<html><body>" + data + "</body></html>";
String js = "<script type=\"text/javascript\">" +
        "var imgs = document.getElementsByTagName('img');" + // 找到img标签
        "for(var i = 0; i<imgs.length; i++){" +  // 逐个改变
        "imgs[i].style.width = '100%';" +  // 宽度改为100%
        "imgs[i].style.height = 'auto';" +
        "}" +
        "</script>";
mWebView.loadDataWithBaseURL(null, "<p style='font-size:18px;text-align:center;'>" + title + "</p>" + data + js, "text/html; charset=UTF-8", "utf-8", null);