Android WebView 加載富文本內容


WebView加載數據的方式有兩種:

1. webView.loadUrl(data);//加載url
2. webView.loadDataWithBaseURL(null,data, "text/html" , "utf-8", null);//加載html數據

 可以使用來加載富文本內容:

webView.loadDataWithBaseURL(null,data, "text/html" , "utf-8", null);

為了使WebView在手機上能更好的展示富文本內容,推薦如下的WebSetting:

WebSettings settings = webView.getSettings();
// 設置WebView支持JavaScript
settings.setJavaScriptEnabled(true);
//支持自動適配
settings.setUseWideViewPort(true);
settings.setLoadWithOverviewMode(true);
settings.setSupportZoom(true);  //支持放大縮小
settings.setBuiltInZoomControls(true); //顯示縮放按鈕
settings.setBlockNetworkImage(true);// 把圖片加載放在最后來加載渲染
settings.setAllowFileAccess(false);
settings.setSaveFormData(false);
settings.setDomStorageEnabled(true);
settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);
settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
//設置不讓其跳轉瀏覽器
webView.setWebViewClient(new WebViewClient() {
      @Override
      public boolean shouldOverrideUrlLoading(WebView view, String url) {
          return false;
      }
});

webView.setWebChromeClient(new WebChromeClient());
webView.loadUrl(URL);

補充:

當我們使用WebView加載富文本網頁文件時,可能存在某些機型上展示內容亂碼的問題。

解決方案:

1.首先設置html頭文件為 utf-8,示例代碼如下:

 <head>
    <title>這是標題</title>
    <meta name="content-type" content="text/html; charset=utf-8">
    <meta http-equlv="Content-Type" content="text/html;charset=utf-8">
</head>

2. 其次保證webView設置的編碼與html設置編碼一致:

webview.getSettings().setDefaultTextEncodingName("utf-8"); 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM