如何在 Android WebView 中使用 CSS 最好地显示自定义 HTML 内容？

在 WebView 中显示自定义 HTML 内容

问题：

应用程序利用 JSoup 来从留言板线程获取 HTML 数据。目标是使用自定义 CSS 在 WebView 中呈现此 HTML，以优化其针对移动设备的外观。正在考虑两种方法：将 CSS 直接注入 HTML 数据或利用应用程序资源中的单独 CSS 文件。

答案：

webview.loadDataWithBaseURL 提供了一个方便的方法解决方案，允许您指定基本 URL 并通过引用本地资产加载数据。这种方法消除了手动 CSS 注入的需要，并简化了流程。

实现：

1. 连接 标签包含 HTML 数据的自定义 CSS 文件路径：

htmlData = "<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\" />" + htmlData;

2. 将 HTML 数据加载到 WebView 中，指定基本 URL 作为本地资源目录和相应的 MIME类型：

webView.loadDataWithBaseURL("file:///android_asset/", htmlData, "text/html", "UTF-8", null);

注意：

如果 HTML 数据是从 asset 目录加载的，则不需要指定基本 URL。此方法允许 WebView 解析位于 asset 文件夹内的 CSS 文件的相对链接。

以上是如何在 Android WebView 中使用 CSS 最好地显示自定义 HTML 内容？的详细内容。更多信息请关注PHP中文网其他相关文章！