如何在Safari浏览器中强制所有网页适配macOS深色模式

需先启用macOS系统深色外观，再在Safari设置中开启“为网站启用深色外观”，确保系统信号被识别并传递，使适配网站实时响应深浅色切换。

您希望Safari浏览器中所有网页都严格响应macOS系统当前的深色/浅色外观切换，而不是停留在固定模式或仅部分生效，这就需要确保系统信号能被正确识别、传递并触发网页渲染逻辑。

启用macOS系统级深色外观

这是整个链条的起点，【若此步未完成，后续所有网页深色响应均不会发生】。Safari依赖系统内核发出的prefers-color-scheme: dark信号，该信号只在系统外观设为“深色”时才稳定输出。

点击屏幕左上角苹果菜单 → “系统设置” → 左侧边栏滚动查找并点按“外观” → 右侧“外观”选项中，点击选择“深色”。

此时不仅菜单栏、Dock变暗，Safari自身界面（地址栏、标签页、工具栏）也会同步变深灰，更重要的是，系统开始向所有兼容应用广播深色偏好信号。

在Safari中开启“为网站启用深色外观”

这一步是关键桥梁：它告诉Safari主动在HTTP请求头中声明用户偏好，让网站服务器或前端JavaScript能明确读取到用户意图，而非被动等待CSS媒体查询触发。

方法一：基础启用路径
打开Safari → 顶部菜单栏点击“Safari” → “设置” → 切换至“网站”标签页 → 左侧列表中找到并点击“外观” → 确保右侧开关处于开启状态。

方法二：快捷验证法
在任意网页地址栏右侧，点击“aA”图标 → 选择“网站偏好设置” → 查看“外观”右侧是否显示“深色”。如为“自动”，说明已继承系统设置；如为“浅色”，需返回方法一强制设为“深色”。

注意：此开关必须开启，否则Safari不会向GitHub、MDN、维基百科等站点发送prefers-color-scheme: dark头，这些网站也就无法加载其内置的深色CSS规则。

验证网页是否真正跟随系统切换

第一步：保持Safari开启，不关闭任何标签页。
第二步：前往“系统设置” → “外观”，将“深色”切换为“浅色”。
第三步：立即回到Safari，刷新一个已打开的GitHub页面或维基百科条目。
第四步：观察页面背景是否同步由深转浅——若变化延迟超过3秒，或完全无反应，说明某处配置未生效。

常见失败原因：网页本身未实现prefers-color-scheme媒体查询支持（如多数企业官网），此时它不会响应任何系统切换，属于网站端限制，非Safari配置问题。

若验证成功，您现在已实现Safari中所有适配网站的实时跟随：系统切深，网页变暗；系统切浅，网页回亮。