android - 使用自定义 CSS 在 WebView 中呈现 HTML

Question

我的应用程序正在使用 JSoup 下载留言板页面的 HTML(假设在这种情况下，它是一个包含给定线程帖子的页面)。我想使用这个 HTML，去掉不需要的元素，并应用自定义 CSS 将其样式设置为 WebView 中的“移动”。

我应该在处理 HTML 时将样式注入(inject)到 HTML 中(因为无论如何我都会处理它)，还是有一种好方法可以将 CSS 文件添加到我的应用程序 Assets 并简单地引用它。我认为后者是理想的，但不确定如何去做。

我在 WebView 的 loadDataWithBaseURL 中看到了提示您可以引用本地 Assets ，但不确定如何使用它。

Answer 1

您可以使用 WebView.loadDataWithBaseURL

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

只有在此之后，WebView 才能从 assets 目录中找到并使用 css 文件。

ps 而且，是的，如果您从 assets 文件夹中加载 html 文件，则无需指定基本 url。