webview的基本使用流程這里我就不重復說明了，本篇針對的是文章詳情加載完成后出現的情況，這里我們使用的方法是：通過js腳本，重置img標簽中圖片的寬度和高度。
使用步驟：
1、此方法需要使用js,所以webview設置屬性中一定要添加下面這句，不然無效。
webView.getSettings().setJavaScriptEnabled(true);//支持javascript
2、 給webview重新設置WebViewClient
webView.setWebViewClient(new ArticleWebViewClient());
3、重寫WebViewClient的onPageFinished方法
public class MyWebViewClient extends WebViewClient {
@Override
public void onPageFinished(WebView view, String url) {
super.onPageFinished(view, url);
//重置webview中img標簽的圖片大小
imgReset();
}
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
}
/**
* 對圖片進行重置大小，寬度就是手機屏幕寬度，高度根據寬度比便自動縮放
**/
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'; " +
"}" +
"})()");
}