Android WebView 内容图片宽度自适应

狂野小青年

于 2017-06-23 21:00:30 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： Android的必修课

本文链接：https://blog.youkuaiyun.com/veloi/article/details/73656010

Android的必修课专栏收录该内容

62 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

在Android的WebView中实现内容图片宽度自适应是个挑战，尝试多种方法未果后，通过在页面底部注入JavaScript来修改CSS属性成功解决了问题。

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

找了很多办法，结果都失败了，最后用js设置css属性，注意js一定要放末尾。

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);