You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

关于Chrome Devtools按站点持久化设置及自动启用Rendering模块Enable automatic dark mode的技术咨询

Chrome Devtools按站点持久化设置及自动启用Rendering模块Enable automatic dark mode的技术咨询

Hey there! Let's tackle your questions about Chrome DevTools' automatic dark mode feature step by step:

1. 能否给指定网站自动启用"Enable automatic dark mode"?

Chrome DevTools本身没有直接的按站点预设该功能的选项,但有几个靠谱的替代方案可以实现类似效果:

  • 使用DevTools的Local Overrides功能
    1. 打开DevTools,切换到Sources面板的Overrides标签页。
    2. 勾选"Enable local overrides"并指定一个本地文件夹用于存储自定义设置。
    3. 针对目标站点,手动开启Rendering面板里的"Enable automatic dark mode",DevTools会把这个渲染偏好保存到本地覆盖文件夹中,下次访问该站点时会自动加载这个设置。
  • 借助Chrome扩展
    选择一款可信的强制暗黑模式扩展(建议只从Chrome官方应用商店挑选),这类扩展大多支持按站点设置规则,不仅比DevTools的设置更持久,还能避开你遇到的那种失效问题。

2. 解决手动开启后设置失效但复选框仍勾选的问题

这是Chrome DevTools的一个已知小瑕疵,通常和会话缓存或页面进程重启有关,你可以试试这些修复方法:

  • 硬刷新页面+重启DevTools:按下Ctrl+Shift+R(Windows/Linux)或Cmd+Shift+R(Mac)硬刷新页面,然后完全关闭并重新打开DevTools。
  • 重置DevTools设置:打开DevTools设置(按F1或点击右上角三点菜单→Settings),滚动到最底部点击"Restore defaults and reload",重置后重新配置暗黑模式设置。
  • 检查系统暗黑模式同步状态:确保系统级的暗黑模式始终处于开启状态,有时候系统模式的切换会导致DevTools的渲染设置出现同步异常。

备注:内容来源于stack exchange,提问作者Eric Auld

火山引擎 最新活动