Dark Mode 开发与 Debug 指南
Dark Mode 的判断
media 中有一个属性 prefers-color-scheme
,用 matchMedia()
来检测 (prefers-color-scheme: dark)
是否存在就可以了。
Dark Mode Debug
截止2019年11月15日,目前经过测试可以直接 Debug DarkMode 的浏览器(以最新版为准):
- Safari
- Chrome 金丝雀版
其中 Firefox 可以通过安装插件实现 Dark Mode Debug(兼容性不是很好)。