我设计了一个网站(深色主题),像‘深色阅读器’和几维鸟浏览器的内置夜间模式(移动端)这样的插件正在改变一些元素的颜色(从而使它们不可见),并消除渐变效果。
有什么方法可以避免这些变化吗?
发布于 2020-09-29 23:25:53
这只是一种推测,需要我留给你进一步的研究,但你可以尝试挂接一些已知被插件修改的CSS规则,并通过JS检查它是否被修改。如果您检测到更改,您可以礼貌地警告用户禁用您检测到插件。Dark Reader有一个白名单功能,可以在一些网站中禁用它,大多数插件都有这个功能。如上所述,这是一个未经检验的建议。
对于Kiwi浏览器,您不妨检测用户代理,并专门警告此浏览器的用户。
发布于 2020-09-30 17:01:27
在现代浏览器中,有一个内置的CSS media selector选择器:
@media (prefers-color-scheme: dark) {
.invisible-in-dark {
background:#fff !important;
}
}
我不知道它在插件中的效果如何,但我认为它值得一试。
发布于 2020-10-05 23:44:43
所以我意识到,深色模式插件将属性添加到现有脚本的配色方案中,以便将浅色主题转换为深色。
现在,如果你想防止某些属性被插件更改,你可以把它标记为!重要。这样,您的属性将覆盖任何进一步的更改。
https://stackoverflow.com/questions/64122588
复制相似问题