Android WebView 加載富文本內容

時間 2019-11-06

原文原文鏈接

WebView加載數據的方式有兩種：html

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

能夠使用來加載富文本內容：web

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(true); // 容許訪問文件
        settings.setSaveFormData(true);
        settings.setGeolocationEnabled(true);
        settings.setDomStorageEnabled(true);
        settings.setJavaScriptCanOpenWindowsAutomatically(true);/// 支持經過JS打開新窗口
        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());
        // mWebView.loadUrl(TEXTURL);

        //不加這個圖片顯示不出來
        if (Build.VERSION.SDK_INT > Build.VERSION_CODES.LOLLIPOP) {
            webView.getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
        }
        webView.getSettings().setBlockNetworkImage(false);

        //容許cookie 否則有的網站沒法登錄
        CookieManager mCookieManager = CookieManager.getInstance();
        mCookieManager.setAcceptCookie(true);
        mCookieManager.setAcceptThirdPartyCookies(webView, true);

        webView.loadUrl(URL);

補充：

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

解決方案：ide

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設置編碼一致：ui

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

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。