如何将自定义 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=\"style.css\" />";
// 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 样式应用于 WebView 中的 HTML 内容的过程。

以上是如何将自定义 CSS 应用到 Web 视图中的 HTML 内容？的详细内容。更多信息请关注PHP中文网其他相关文章！