必须先开启macOS系统深色外观,再启用Safari“为网站启用深色外观”,最后安装Dark Reader扩展并设为“过滤+”模式,才能实现全网页深色显示。

您在Mac上使用Safari浏览网页时眼睛容易疲劳,想让所有网页都显示为深色背景配浅色文字,但发现仅开系统深色模式网页仍亮白刺眼——这是因为网页是否变暗取决于浏览器是否传递偏好、网站是否适配、以及是否启用强制渲染机制。
先开启macOS系统级深色外观
这一步是所有后续操作生效的前提,【若跳过此步,Safari不会向网站发送 prefers-color-scheme: dark 信号,绝大多数适配网站将无法自动切换深色样式】。
点击屏幕左上角苹果菜单 → “系统设置” → 左侧边栏滚动找到并点击“外观” → 右侧点选“深色”单选按钮。
界面会立刻变暗,包括菜单栏、程序坞和访达窗口。但注意:此时网页本身未必变暗,只是为后续步骤铺平道路。
让Safari主动声明深色偏好
此设置告诉网站“我想要深色主题”,促使GitHub、维基百科、MDN等已适配站点优先加载其内置深色CSS。
规划您的迪拜之旅 — 哈利法塔观景、沙漠探险、迪拜购物中心购物、棕榈岛度假村及黄金市场砍价。还提供支持...
打开Safari → 顶部菜单栏点击“Safari” → “设置” → 切换到“网站”标签页 → 左侧列表中点击“外观” → 确保右侧“为网站启用深色外观”开关处于开启状态。
无需重启Safari,下次刷新网页即生效。如果该开关关闭,哪怕系统是深色模式,Safari也不会主动申明偏好,网站就当你是亮色用户。
用Dark Reader扩展强制全站变暗
针对不响应CSS媒体查询的普通网页(如企业官网、政府门户、老旧博客),必须靠扩展注入实时滤镜规则才能实现真正“黑色背景+白色文字”的夜间效果。
方法一:安装Dark Reader for Safari
前往Mac App Store搜索“Dark Reader for Safari”,下载并安装 → 安装后重启Safari → 地址栏右侧出现灰色太阳图标 → 点击图标 → 首次使用点击齿轮图标进入设置 → 将“模式”改为“过滤+”(比“动态”更稳,避免图片泛灰失真)→ 返回主界面点击开关启用。
方法二:一键启用当前页
访问任意网页后,直接点击地址栏右侧Dark Reader图标 → 点击“启用此网站” → 页面即刻转为深色,且该设置会记住此域名,下次自动生效。

















