长时间盯着屏幕，眼睛干涩疲劳？这可能是默认的纯白背景在作祟。

将网页底色调整为医学推荐的护眼绿豆沙色（色值 #C7EDCC），能有效缓解视觉压力。

如果你使用微软Edge浏览器，无需依赖第三方插件，其内置功能就能帮你轻松实现。

下面梳理几种行之有效的方法，从临时调整到全局固化，总有一款适合你。

一、启用沉浸式阅读器并手动设置绿豆沙背景

对于临时性的深度阅读需求，沉浸式阅读器是最快捷的解决方案。

它能一键剥离网页上的广告、侧栏等干扰元素，只留下纯净正文，并原生支持背景色自定义。

操作步骤：

• 在支持该功能的网页（如多数新闻文章或博客）上，点击地址栏右侧的“书本”图标，或按快捷键 Ctrl+Shift+R。
• 进入阅读模式后，点击顶部工具栏的“外观”按钮（调色板图标）。
• 在“页面颜色”中选择“自定义颜色”，在十六进制代码框中输入 #C7EDCC。

为获得更佳体验，建议同时将“文本颜色”调整为深灰色（如 #333333），确保清晰柔和的对比。

二、通过沉浸式阅读器首选项固化默认底色

如果你频繁使用沉浸式阅读器，可以将其背景色设置为默认，一劳永逸。

设置方法：

• 在任意网页启动沉浸式阅读器，点击右上角“更多选项”（三个点），选择“阅读偏好设置”。
• 在设置面板的“页面颜色”区域，选择自定义并输入色值 #C7EDCC。
• 关键一步：勾选类似“在所有适用页面上显示沉浸式阅读器图标”的选项并保存。

此后，每次打开阅读模式，护眼背景都会自动加载。

三、结合CSS注入实现全局网页底色覆盖

沉浸式阅读器只在其界面内生效。若想在普通浏览状态下也使用绿豆沙背景，可借助开发者工具临时注入CSS代码。

操作步骤：

• 在目标网页按 F12 打开开发者工具，切换到“控制台”标签页。
• 粘贴并执行以下代码：
  document.body.style.backgroundColor = ‘#C7EDCC’; document.documentElement.style.backgroundColor = ‘#C7EDCC’;

这行命令会同时修改页面主体和根元素的背景色。

请注意，此方法在页面刷新后会失效，仅适合对单个页面进行临时性调整。

四、利用Edge实验性Flags启用强制深色渲染并叠加滤镜

对于喜欢折腾的用户，Edge浏览器的实验性功能（Flags）提供了更底层的控制选项。

设置路径：

• 在地址栏输入 edge://flags/#enable-force-dark 并访问。
• 将“Force Dark Mode”选项设置为“Enabled with selective inversion of non-image elements”。
• 在同一页面搜索并启用“Web Content Custom Color Scheme”。
• 重启浏览器后，进入设置的外观选项，找到“自定义配色方案”，将背景色设为 #C7EDCC，文字色设为 #333333。

这种方式通过系统级渲染干预实现换色，兼容性通常更好。

五、安装Stylus扩展实现跨页面、跨会话的持久化样式

想要最彻底、最持久的解决方案？Stylus浏览器扩展可以实现真正的“一劳永逸”。

操作步骤：

1. 在Edge扩展商店中搜索并安装Stylus。
2. 点击其图标，选择“管理样式”，然后“编写新样式”。
3. 在“适用网址”中填写 https://* 来匹配所有网页。
4. 在CSS代码框中输入以下规则：
   body, html, .ir-body { background-color: #C7EDCC !important; color: #333333 !important; }
   ::-webkit-scrollbar-track { background: #D9EAD3 !important; }
   ::-webkit-scrollbar-thumb { background: #A8C9A0 !important; }

这段代码不仅将页面背景和文字颜色锁定为护眼配色，还美化了滚动条以匹配主题。

保存样式后，无论浏览哪个网站，都能享受到统一的护眼背景。

《夸克》非常好用的免费AI浏览器

下载APP查看