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

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

使用步驟：

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

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

2、  給webview重新設(shè)置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標(biāo)簽的圖片大小
   imgReset();
  }

  @Override
  public boolean shouldOverrideUrlLoading(WebView view, String url) {
   view.loadUrl(url);
   return true;
  }
 }

 /**
  * 對圖片進(jìn)行重置大小，寬度就是手機(jī)屏幕寬度，高度根據(jù)寬度比便自動(dòng)縮放
  **/
 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'; " +
    "}" +
    "})()");
 }

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