android - 在不重新加载的情况下动态更改 webview 中的 css 值 (Android)

Question

我有一个基于 WebView 的应用程序，我想在其中添加“夜间模式”。我的第一直觉是让程序根据夜间模式是否开启每次渲染正确的 CSS 值，效果很好，但这意味着每次切换模式时都必须重新加载页面。有什么方法可以追溯更改 css 值而无需重新加载页面？

Answer 1

您可以将代码注入(inject)页面的 DOM。因此，例如，您可以重置样式表，然后根据需要将带有 javascript 的白天或夜间模式类注入(inject) dom，如下所示:

public class WebClient extends WebViewClient {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        view.loadUrl(url);
        return true;
    }

    @Override
    public void onPageFinished(WebView view, String url) 
    {       
        view.loadUrl("javascript:document.getElementById(id).style.property=new style");       
    }
}

HTH