如何使用 CSS 在 WebView 中自訂 HTML 渲染？

使用CSS 在Web 視圖中自訂HTML 渲染

在此過程中，您的目標是透過在Web 視圖中渲染HTML內容來增強使用者體驗WebView 同時應用自訂CSS 來優化其行動友善性。

要實現這一點，您有兩個選擇：注入自訂在預處理期間將樣式新增至 HTML 中或從應用程式的資源引用單獨的 CSS 檔案。雖然後一種方法更可取，但它需要對 WebView 的功能有更深入的了解。

利用 WebView.loadDataWithBaseURL 進行 CSS 引用

從資產合併 CSS 檔案在 HTML 渲染過程中，您可以利用 WebView 的 loadDataWithBaseURL 方法。此方法可讓您為 WebView 指定基本 URL，使其能夠存取本機資源。

以下是範例程式碼片段：

htmlData = "<link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;style.css&quot; />" + htmlData;
// assuming you have /assets/style.css
webView.loadDataWithBaseURL("file:///android_asset/", htmlData, "text/html", "UTF-8", null);

透過提供基本URL「檔案： ///android_asset/」並在HTML 資料中包含HTML 和CSS 引用，WebView 將被指示從指定資源加載CSS檔案

其他注意事項

請記住，如果您要顯示直接從資產資料夾載入的 HTML 內容，則無需為 WebView 指定基本 URL。 WebView 將自動存取 asset 目錄中的 HTML 和相關 CSS 檔案。

以上是如何使用 CSS 在 WebView 中自訂 HTML 渲染？的詳細內容。更多資訊請關注PHP中文網其他相關文章！