Android WebView加载Html 解决图片自适应屏幕宽度问题

图片自适应宽度

开发中，经常需要加载html数据，当html中的各个元素宽高都已经设置好了的情况下，我们可以直接用WebView加载，但是也有时候html各个标签的宽高是不正常的，特别是图片，因此怎么处理图片宽高是一个难题，经过多年采坑的经验，以下这种方式是最有效的：

    /**
     * 读取图片资源JS
     */
    private void imgReset() {
        mWebView.loadUrl("javascript:(function(){" +
                        "var objs = document.getElementsByTagName('img'); " +
                        "for(var i=0;i <objs.length;i++){"
                        + "var img = objs[i]; " +
                        " img.style.maxWidth = '100%'; img.style.height = 'auto'; " +
                        "}" +
                        "})()");
    }

设置背景颜色webView.evaluateJavascript("document.body.style.backgroundColor="white";document.body.style.color="white";", null);

代码007普通

打赏 收藏 海报 链接