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");