解决WebView部分图片过宽超出屏幕问题

（此方法支持通用4.4前后，并且不会使图片变形）

 

webView.getSettings().setJavaScriptEnabled(true);//启用js

webView.getSettings().setBlockNetworkImage(false);//解决图片不显示

webView.getSettings().setTextZoom(100);//设置字体占屏幕宽度

 

//加载Html网页

webView.loadData(String.valueOf(Html.fromHtml(getNewContent(content))),"text/html","utf-8");

 

webView.setWebViewClient(new MyWebViewClient());

 

重写webclient的内部方法:

private class MyWebViewClient extends WebViewClient {

@Override

public void onPageFinished(WebView view, String url) {

super.onPageFinished(view, url);

imgReset(); }

@Override

public boolean shouldOverrideUrlLoading(WebView view, String url) {

view.loadUrl(url); return true; } }

 

调用js函数来固定图片宽度，禁止图片左右滑动:

private void imgReset() {

webView.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';" + "}" + "})()"); }