android webview夜间模式javascript代码

最新推荐文章于 2025-05-15 16:47:16 发布

原创

最新推荐文章于 2025-05-15 16:47:16 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #css #android #webview #夜间模式

本文介绍了三种在Android WebView中实现夜间模式的JavaScript代码方法，包括修改Background属性、Background-Color属性以及使用CSS的invert属性翻转网页颜色。

android webview夜间模式javascript代码

android webview夜间模式javascript代码

本人主要总结了以下三类android webview 夜间模式javascript代码。

修改Background属性
修改Background-Color属性
利用invert属性翻转网页颜色

修改Background属性

style=document.createElement('style');
style.setAttribute('type','text/css');
styleElem=document.getElementsByTagName('head')[0].appendChild(style);
styleElem.innerHTML='';
child=document.createTextNode('body,body * {background:#2e2e2e
!important;color:RGB(200,200,200) !important;}');
styleElem.appendChild(child);