VKT Toolkit · 2026年8月28日 · 阅读约7分钟

如何在任意网站启用深色模式（Chrome 和 Edge）— 4 种方法对比

晚上11点你打开一个新闻网站，白色背景刺得眼睛生疼。你希望每个网站都有深色模式开关，但大多数网站没有。不过你可以强制在任意网站启用深色模式——有4种方法，而且它们效果各异。

我们在20个热门网站（Google、Wikipedia、GitHub、新闻网站、政府门户）上测试了全部4种方法。以下是实际有效的方法——以及会出问题的方法。

方法一：Chrome 标志位（内置，免费）

在地址栏输入 chrome://flags，搜索 "Auto Dark Mode for Web Contents"，设置为 Enabled，然后重启 Chrome。

优点：

• 免费，Chrome 内置——无需安装扩展；
• 对所有网站立即生效；
• 零性能影响。

缺点：

• 纯黑背景配白色文字——看起来很刺眼，尤其是图片较多的网站；
• 图片和视频有时会被反色或褪色；
• 无法按站点控制——要么全开要么全关；
• 该标志位可能在未来的 Chrome 版本中被移除。

结论：适合临时使用，不太适合日常使用。

方法二：Dark Reader（扩展，免费）

最受欢迎的深色模式扩展，拥有超过2000万用户。它通过动态重写每个网站的CSS来生成深色主题。

优点：

• 高质量的深色主题——图片保持完整；
• 支持按站点切换，可调节亮度/对比度；
• 持续开发，社区活跃。

缺点：

• 资源占用大——持续分析和重写DOM元素，在笔记本上尤为明显；
• 复杂网站可能出现问题（布局错乱、文字消失）；
• 所有网站使用相同的深色处理——没有暖色调或自定义颜色选项；
• 可能与其他扩展冲突。

结论：适合希望最大化深色覆盖范围、不在意CPU开销的用户。

方法三：系统深色模式

在 Windows（设置 → 个性化 → 颜色 → 深色）或 macOS（系统设置 → 外观 → 深色）中启用深色模式。支持 prefers-color-scheme 的浏览器会将此信号传递给网站。

优点：

• 无需安装扩展——系统级设置；
• 浏览器界面（标签栏、地址栏）也会变为深色。

缺点：

• 仅对已实现深色模式的网站有效——大多数网站会忽略该设置；
• 无法按站点控制；
• 对你最需要深色模式的那些网站往往无效。

结论：作为基础信号不错，但单独使用对不支持的网站毫无帮助。

方法四：VKT StylePatch（扩展，免费）

VKT StylePatch 采用了不同的方式。它不做复杂的DOM重写或暴力反色，而是按站点应用简单、可自定义的CSS覆盖——背景色、文字颜色、字号和字体。

优点：

• 轻量级——不做DOM分析，仅注入CSS，CPU/内存占用极小；
• 按站点设置——为每个网站独立自定义（新闻网站用暖色调，GitHub用深色，其他网站保持默认）；
• 暖色调选项——不只是黑白。选择柔和的深色背景配暖色文字，减少眼睛疲劳；
• 字号控制——在字体较小的网站上增大文字，无需缩放整个页面；
• 设置持久化——配置一次，每次访问自动生效；
• 免费版——一个网站完全自定义。高级版（$2.99/月或$9.99终身）解锁所有网站。

缺点：

• 不会动态分析页面元素——某些复杂网站可能需要手动调整颜色；
• 在全自动覆盖方面不如 Dark Reader 那样"自动化"。

结论：适合希望掌控一切的用户——自定义那些让你不舒服的网站，其他保持默认。

对比表格

你应该选哪个？

• "我要到处都能用深色模式，不想折腾" → Dark Reader；
• "我只想快速搞定" → Chrome 标志位；
• "我只关心支持该功能的网站" → 系统深色模式；
• "我要自定义特定网站——暖色调、大字体、我的配色" → VKT StylePatch。

大多数人最终会同时使用两种：系统深色模式作为基础 + StylePatch 处理需要额外调整的网站。这个组合能覆盖95%的使用场景，且几乎零资源开销。

常见问题

更多指南请访问 VKT 博客；问题请联系 [email protected]。