如何將自訂 CSS 應用到 Web 視圖中的 HTML 內容？

在WebView 中使用自訂CSS 渲染HTML

開發依賴於渲染外部HTML 內容的應用程式時，設定內容樣式以獲得最佳使用者體驗變得至關重要。本問題探討了將自訂 CSS 樣式套用至 WebView 中的 HTML 內容的選項，檢查內嵌樣式註入和以資產為基礎的 CSS 引用。

內嵌資料注入與資產CSS 檔案

在處理HTML 時將CSS 注入到HTML 中還是使用資產CSS 檔案的決定取決於應用程式的特定要求。如果 CSS 樣式相對簡單且不會經常更改，內聯注入可能是一個合適的選擇，降低管理外部資源的複雜性。

另一方面，如果 CSS 比較複雜或需要頻繁更新，引用資產 CSS 檔案可以更清晰地分離關注點，並允許集中式樣式管理。

引用資產CSS檔案

要將應用程式資源中的CSS 檔案新增至HTML 內容，您可以使用WebView.loadDataWithBaseURL 方法：

htmlData = "<link rel='\"stylesheet\"' type='\"text/css\"' href="%5C%22style.css%5C%22">";
// assuming "/assets/style.css" file exists
webView.loadDataWithBaseURL("file:///android_asset/", htmlData, "text/html", "UTF-8", null);

透過將基本URL 設定為“file” :///android_asset/”，WebView可以存取應用程式資產中的檔案

附加說明

如果HTML 檔案是從asset 資料夾載入的，則不需要指定基本URL。

以上是如何將自訂 CSS 應用到 Web 視圖中的 HTML 內容？的詳細內容。更多資訊請關注PHP中文網其他相關文章！