Android开发：如何修改WebView加载的HTML文件的文本颜色为白色

方案1：直接修改assets下的HTML文件（最推荐） #

你加载的是本地asset目录下的page1.html，直接修改该文件添加全局样式即可，性能最优且不需要额外代码处理：
在HTML的<head>标签内添加如下样式代码：

<style>
* {
    /* 所有文本改为白色 */
    color: #ffffff !important;
    /* HTML背景设为透明，避免和WebView黑色背景冲突 */
    background-color: transparent !important;
}
</style>

方案2：代码动态注入CSS（无需修改原HTML文件） #

如果不方便修改HTML源文件，可以通过WebView注入JS代码动态添加样式，操作步骤如下：

1. 先开启WebView的JavaScript支持：

webView.getSettings().setJavaScriptEnabled(true);

2. 给WebView设置WebViewClient，在页面加载完成后注入样式：

webView.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);
        // 构造注入的JS代码，添加全局白色文本样式
        String injectJs = "javascript:(function() {" +
                "var styleNode = document.createElement('style'); " +
                "styleNode.innerHTML = '* { color: #ffffff !important; background-color: transparent !important; }'; " +
                "document.head.appendChild(styleNode); " +
                "})()";
        // 适配不同系统版本调用JS
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            view.evaluateJavascript(injectJs, null);
        } else {
            view.loadUrl(injectJs);
        }
    }
});

• 你现有代码里setBackgroundColor放在loadUrl之前的顺序是正确的，无需调整。

可选优化说明 #

• 如果不需要修改所有元素的文本颜色，可以把CSS选择器*替换为你需要的指定标签，比如p, h1, h2, span
• 如果HTML本身有行内样式指定文本颜色，必须加!important才能覆盖原有样式
• 注入操作必须在页面加载完成的回调中执行，否则样式不会生效

内容的提问来源于stack exchange，提问作者Jaffer Alfahdawi