Android WebView 图片宽度自适应屏幕

作者: 李玉凯 分类: Android,JS 发布时间: 2019-08-07 17:54

实现方法如下

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(html+js,"text/html; charset=UTF-8", null);

注:js一定要跟在html内容后

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

− 3 = 1