🖤 推出 *Grayscale Webpages*:更简洁、更宁静的浏览方式

发布: (2025年12月5日 GMT+8 11:44)
3 min read
原文: Dev.to

Source: Dev.to

Introduction

你是否常觉得屏幕太过花哨——每个网站都在争抢你的注意力?
Grayscale Webpages 是一款轻量级的 Chrome 扩展,能够瞬间将任何站点转换为黑白模式,帮助你的眼睛和注意力得到休息。

How it works

  • 安装后,Grayscale Webpages 会在 Chrome 工具栏添加一个按钮。
  • 点击该按钮会对当前标签页应用简约的 CSS filter: grayscale(100%),立即将整页变为灰度。
  • 再次点击则移除滤镜,恢复彩色。

该扩展仅注入此 CSS 滤镜,只影响当前标签页,无需额外权限、分析、广告或追踪。

Benefits

  • 减轻眼睛疲劳 – 更柔和的对比度和更少的视觉噪音。
  • 提升专注 – 去除新闻源和社交媒体中的干扰色彩。
  • 更专注的浏览 – 帮助区分“随意刷屏”和“有目的阅读”。
  • 开发者工具 – 快速检查设计的灰度对比度和可访问性。

Bonus tip

你可以将 Grayscale Webpages 与 “暗色模式” 或 “阅读模式” 扩展配合使用,打造一个无干扰的数字环境,适合深度工作或夜间阅读。

Installation

Install Grayscale Webpages on the Chrome Web Store

  1. 将扩展添加到 Chrome。
  2. 点击工具栏按钮即可切换灰度模式的开关。

Feedback

如果该扩展帮助你提升专注或让浏览更平静,欢迎留下评论、分享反馈或提交功能请求。你可以在下方评论、在 dev.to 上标记作者,或通过 Chrome Web Store 页面提供的 GitHub 链接联系。

让我们一起让网络变得更宁静,一次一个标签页。

Back to Blog

相关文章

阅读更多 »

从开源维护者那里得到 NO

Forem 标志 https://media2.dev.to/dynamic/image/width=65,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%...