夜间网页护眼需三步:先开启系统深色外观以发送dark信号;再在safari设置中启用“为网站启用深色外观”;最后安装dark reader扩展并设为“过滤+”模式强制覆盖未适配网页,阅读器模式下可手动设黑底白字。

夜间浏览网页时眼睛干涩刺痛,是因为亮白背景持续刺激视网膜,Safari原生不提供一键全站深色开关,必须组合系统信号、浏览器声明与样式注入三层机制才能真正压住所有网页的亮色输出。
开启系统级深色外观(基础前提)
这一步是所有后续操作生效的底层条件,【若跳过此步,Safari不会向网站发送 prefers-color-scheme: dark 信号,绝大多数适配网站将无法自动切换深色样式】。
点击屏幕左上角苹果菜单 → “系统设置” → 左侧边栏滚动找到并点击“外观” → 右侧点选“深色”单选按钮。
界面会立刻变暗,包括菜单栏、程序坞和访达窗口。此时Safari地址栏和工具栏已转为深色,但网页主体仍可能保持亮白——这是正常现象,继续下一步。
在Safari中主动声明深色偏好
仅开系统深色还不够,必须让Safari明确告诉每个网站:“我用户要深色”,否则网站默认按亮色渲染。
打开Safari → 顶部菜单栏点击“Safari” → “设置” → 切换到“网站”标签页 → 左侧列表中点击“外观” → 确保右侧“为网站启用深色外观”开关处于开启状态。
无需重启Safari,下次刷新网页即生效。如果该开关关闭,哪怕系统是深色模式,Safari也不会主动申明偏好,网站就当你是亮色用户。
安装Dark Reader扩展强制覆盖未适配网页
前两步只能影响已响应CSS媒体查询的网站(如GitHub、维基百科),对大量企业官网、老旧CMS页面无效。Dark Reader通过实时注入CSS滤镜,把所有亮色元素强行压成深色,是真正实现“全站强制”的关键。
方法一:安装并全局启用
前往Mac App Store搜索“Dark Reader for Safari”,下载安装 → 安装后重启Safari → 地址栏右侧出现灰色太阳图标 → 点击图标 → 首次使用点击齿轮图标进入设置 → 将“模式”改为“过滤+”(比“动态”更稳,避免图片泛灰失真)→ 返回主界面点击开关启用。
方法二:单页快捷启用
访问任意网页后,直接点击地址栏右侧Dark Reader图标 → 点击“启用此网站” → 页面即刻转为深色,且该设置会记住此域名,下次自动生效。
阅读器模式下手动启用黑色背景(长文专用)
当你读一篇博客或新闻稿,不需要导航栏、广告、侧边栏干扰时,阅读器模式是最干净的护眼方案,它剥离所有非正文元素,再给你纯黑底+白字的高对比度组合。
第一步:访问支持阅读器模式的网页(如知乎专栏、少数派文章),确认地址栏左侧出现三条横线图标。
第二步:点击该图标进入阅读器视图。
第三步:点击地址栏右侧的“AA”文本样式按钮。
第四步:在弹出菜单中选择黑色背景,正文文字自动转为白色。
这一步只对当前页面生效,刷新后仍保持所选背景色,无需重复操作。











