Android中如何修改WebView文本颜色？适配明暗模式及HTML内容

方法1：注入全局CSS样式到HTML字符串 #

直接在后端返回的HTML外层包裹带有全局样式的HTML结构，根据当前明暗模式动态设置文本颜色，兼容性最强：

1. 获取当前主题的文本颜色（自动适配明暗模式）：

int textColor = ContextCompat.getColor(this, android.R.attr.textColorPrimary);
// 转换为十六进制颜色字符串
String hexColor = String.format("#%06X", (0xFFFFFF & textColor));

2. 拼接带有全局样式的HTML并加载：

// 后端返回的原始HTML内容
String originalHtml = yourDataObject.getDescription();
// 注入全局样式，覆盖body文本颜色
String styledHtml = "<!DOCTYPE html><html><head>" +
        "<style type='text/css'>" +
        "body { color: " + hexColor + "; }" +
        // 若需强制覆盖所有内联样式，可追加（谨慎使用，避免破坏原有布局）
        // "* { color: " + hexColor + " !important; }" +
        "</style></head><body>" + originalHtml + "</body></html>";

webView.loadData(styledHtml, "text/html; charset=utf-8", "UTF-8");

方法2：通过WebSettings设置默认文本颜色 #

利用WebView的配置直接设置默认文本颜色，适合原始HTML未指定文本颜色的场景：

WebSettings webSettings = webView.getSettings();
// 设置默认文本颜色
webSettings.setDefaultTextColor(ContextCompat.getColor(this, android.R.attr.textColorPrimary));
// 可选：设置链接颜色
webSettings.setDefaultLinkColor(ContextCompat.getColor(this, android.R.attr.colorAccent));

注意：该方法无法覆盖HTML中已定义的内联color样式。

方法3：动态适配明暗模式切换 #

当系统或应用切换明暗模式时，无需重新获取HTML，可通过JavaScript动态更新WebView内的文本颜色：

1. 设置WebViewClient，在页面加载完成后注入JS：

webView.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);
        updateWebViewTextColor(view);
    }
});

2. 实现更新颜色的方法：

private void updateWebViewTextColor(WebView webView) {
    int textColor = ContextCompat.getColor(this, android.R.attr.textColorPrimary);
    String hexColor = String.format("#%06X", (0xFFFFFF & textColor));
    // 修改body文本颜色
    webView.evaluateJavascript("document.body.style.color = '" + hexColor + "';", null);
    // 若需覆盖所有元素，可使用：
    // webView.evaluateJavascript("document.querySelectorAll('*').forEach(el => el.style.color = '" + hexColor + "');", null);
}

3. 监听配置变化，模式切换时触发更新：

@Override
public void onConfigurationChanged(Configuration newConfig) {
    super.onConfigurationChanged(newConfig);
    updateWebViewTextColor(webView);
}

需在AndroidManifest.xml的对应Activity标签中添加android:configChanges="uiMode"，避免Activity重启。

内容的提问来源于stack exchange，提问作者Omar Ayman