如何检测浏览器是否支持首选配色方案



是否有一种方法可以检测用户的浏览器是否支持使用prefers-color-scheme属性从操作系统继承主题,如黑暗模式?

我想添加一个基于JavaScript的主题切换器。如果用户已经内置了支持,我想添加一个名为"的特殊按钮;自动";。这应该遵循系统。

如果您想检测对JavaScript的支持,一个想法是在CSS中设置一个变量,在prefers-color-scheme的媒体查询中更新其值,并用JavaScript读取该CSS变量。

最新更新