Android中怎么利用webview解決加載后圖片顯示過大的問題

Android中怎么利用webview解決加載后圖片顯示過大的問題？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。

使用步驟：

1、此方法需要使用js,所以webview設置屬性中一定要添加下面這句，不然無效。

 webView.getSettings().setJavaScriptEnabled(true);//支持javascript

2、  給webview重新設置WebViewClient

 webView.setWebViewClient(new ArticleWebViewClient());

3、重寫WebViewClient的onPageFinished方法

 private class ArticleWebViewClient 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'; " +
    "}" +
    "})()");
 }

看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注億速云行業資訊頻道，感謝您對億速云的支持。