图片自适应宽度
开发中,经常需要加载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);