javascript - 如何在 Android WebView 中渲染时更改默认 HTML 样式

Question

我正在 Android 中开发 ePub 阅读器。我正在尝试更改 HTML 中的对齐方式和文本颜色。它适用于某些 ePub 书籍，但不适用于其他书籍，因为这些书籍包含 CSS 中定义的样式。我尝试使用以下代码在 Javascript 中覆盖这些样式：

document.getElementsByTagName('body')[0].style.textAlign ='justify' !important;"

它在 Android WebView 中不起作用，但在 iPhone 中起作用。我在这里做错了什么？还有其他方法可以覆盖样式吗？请帮我。

Answer 1

You could over-ride the shouldInterceptRequest method in a subclass of WebViewClient. You can use that to intercept CSS load requests and substitute your own CSS data instead. If you don't always want to completely replace the ePub's CSS, you could use a css parser (like perhaps http://cssparser.sourceforge.net/) to parse and then modify the supplied CSS with the changes you want.