🖤 推出 *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

相关文章

阅读更多 »

寻找可贡献的开源项目

寻找可以贡献的开源项目通常比人们说的要困难。大多数文章给出的都是相同的标准建议——搜索 “good first issue” …