我正在尝试根据浏览器主题更改收藏夹图标。我已经尝试过,window.matchMedia('(prefers-color-scheme: dark)').matches
但这似乎只能检测计算机的颜色主题,而不能检测浏览器。是否有可能只获得浏览器主题?
您弄错了,prefers-color-scheme
ALSO也获得了浏览器主题的偏好-但不是您所认为的那样。不幸的是,如果您正在考虑在Chrome Web Store或Firefox的Add-On Store中找到的那些浏览器主题,那么当前的浏览器都无法实现可容纳WebExtensions的功能。
prefers-color-scheme
从操作系统获取主题,但如果浏览器被覆盖或位于用户首选项之后,则也可以使用浏览器。在Firefox,加入ui.systemUsesDarkTheme
到about:config
并将其设置为0
总是让(prefers-color-scheme: dark)
真正的无需考虑操作系统的偏爱。我相信在Android上,三星浏览器在三个点菜单中都有一个选项,可始终启用黑暗模式,该模式也将覆盖Android的设置。因此,请继续使用prefers-color-scheme
并期望将来的浏览器能够满足您的需求。
我正在尝试检测Firefox和Chrome中可用的默认主题,但未检测到它们。为了在Firefox中进行测试,我进入了burger按钮->自定义->主题->暗/亮。当我在浏览器中更改主题时,当我更改Windows 10计算机设置主题时,它将继续仅更改我的网站图标。我在这里想念什么?
您什么都不会错过。请参阅bugzilla.mozilla.org/show_bug.cgi?id=1529323,其中显示了它当前正在Firefox中实现,但尚未发布。继续按原样使用
prefers-color-scheme
,将来的浏览器更新将具有该行为。