谷歌浏览器如何开启全局护眼色_谷歌浏览器夜间扩展推荐

星宇吖_4215

星宇吖_4215

2026-04-07

608人浏览

原创

可通过操作系统夜灯/夜览、Lightning Dark Theme扩展、Iris Mini工具、Stylus+CSS滤镜及Chrome Flags强制深色模式五种方法实现Chrome全局护眼色效果,分别适配系统联动、主题优化、显卡级调控、自定义滤镜与实验性适配场景。

谷歌浏览器如何开启全局护眼色_谷歌浏览器夜间扩展推荐

如果您在使用谷歌浏览器时希望降低屏幕蓝光、缓解视觉疲劳,可通过内置设置或第三方扩展实现全局护眼色效果。以下是多种可行方法:

一、启用Chrome内置深色主题与系统级护眼模式联动

Chrome本身不提供独立的“护眼色”开关,但可借助操作系统级的夜间/护眼模式(如Windows夜灯、macOS夜览)自动调节全屏色调,Chrome窗口将随之响应。

1、在Windows系统中,点击“开始”→“设置”→“系统”→“显示”→“夜灯”→开启并调整色温强度。

2、在macOS中,进入“系统设置”→“显示器”→“夜览”→启用并设定时间或手动开启。

3、启动Chrome浏览器,确认其窗口整体呈现暖黄色调,此方式无需安装扩展,且对所有网页生效。

二、安装Lightning Dark Theme(轻量级深色主题扩展)

该扩展通过CSS注入强制为多数网站应用柔和暗色背景与低饱和度文字,减少强对比刺激,间接实现护眼效果。

1、访问Chrome网上应用店,搜索“Lightning Dark Theme”并添加至浏览器。

2、点击地址栏右侧扩展图标,选择“Options”进入设置页。

3、将“Background brightness”调至70%,“Text contrast”设为65%,避免纯黑背景引发瞳孔放大导致的眩光不适。

三、部署Iris Mini(本地运行的系统级护眼工具)

Iris Mini为轻量版Iris,直接作用于显卡输出层,可绕过浏览器限制对Chrome窗口施加精准色温控制,支持定时、手动切换及蓝光衰减率自定义。

1、从官方站点下载Iris Mini免费版(iristech.co/iris-mini)并完成安装。

2、运行后右键任务栏图标,选择“Manual mode”→“Warm mode”。

page-agent 浏览器控制(CDP)
page-agent 浏览器控制(CDP)

使用 page-agent CLI(CDP)控制浏览器;CLI只能通过 GitHub Release 的 .tgz 安装,npm 官方包暂未发布。

下载

3、在“Settings”中将“Blue light reduction”设为40–60%,此数值兼顾护眼效果与色彩辨识准确性,适合长时间阅读文档。

四、使用Stylus扩展+自定义CSS实现全局琥珀色滤镜

Stylus允许用户为所有网站注入统一CSS样式,通过filter属性叠加全局琥珀色蒙版,模拟专业护眼屏效果。

1、安装Stylus扩展(Chrome应用店搜索“Stylus”)。

2、点击扩展图标→“Manage”→“Write new style”→粘贴以下代码:

body { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0, inversion=0, mirror=0) !important; } @media (prefers-color-scheme: light) { * { filter: brightness(0.95) sepia(0.3) hue-rotate(-5deg) !important; } }

3、保存后点击“Enable”,该样式实时作用于所有非HTTPS受限页面,且不依赖远程服务。

五、启用Chrome Flags实验性深色模式(适用于部分网页)

Chrome内置未公开的flags选项可强制触发部分网站的深色适配逻辑,虽非真正“护眼色”,但能显著降低白底刺眼感。

1、在Chrome地址栏输入 chrome://flags/#enable-force-dark 并回车。

2、将“Force Dark Mode for Web Contents”选项设为“Enabled”。

3、重启浏览器,访问百度、知乎等主流站点,观察是否自动呈现灰黑底+浅灰字界面,若出现渲染异常可随时关闭此flag。

相关文章

谷歌浏览器
谷歌浏览器

谷歌浏览器Google Chrome是一款可让您更快速、轻松且安全地使用网络的浏览器。Google Chrome的设计超级简洁,使用起来得心应手。这里提供了谷歌浏览器纯净安装包,有需要的小伙伴快来保存下载体验吧!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
chrome什么意思
chrome什么意思

chrome是浏览器的意思,由Google开发的网络浏览器,它在2008年首次发布,并迅速成为全球最受欢迎的浏览器之一。本专题为大家提供chrome相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.11

2786

5

chrome无法加载插件怎么办
chrome无法加载插件怎么办

chrome无法加载插件可以通过检查插件是否已正确安装、禁用和启用插件、清除插件缓存、更新浏览器和插件、检查网络连接和尝试在隐身模式下加载插件方法解决。更多关于chrome相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.06

5539

7

Chrome开启无痕模式
Chrome开启无痕模式

本专题整合了Chrome无痕模式开启相关内容,阅读专题下面的文章了解更多详细教程。

2026.03.24

3947

22

windows查看端口占用情况
windows查看端口占用情况

Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。怎么查看windows端口占用情况呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.07.26

3299

3

查看端口占用情况windows
查看端口占用情况windows

端口占用是指与端口关联的软件占用端口而使得其他应用程序无法使用这些端口,端口占用问题是计算机系统编程领域的一个常见问题,端口占用的根本原因可能是操作系统的一些错误,服务器也可能会出现端口占用问题。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.07.27

2878

6

windows照片无法显示
windows照片无法显示

当我们尝试打开一张图片时,可能会出现一个错误提示,提示说"Windows照片查看器无法显示此图片,因为计算机上的可用内存不足",本专题为大家提供windows照片无法显示相关的文章,帮助大家解决该问题。

2023.08.01

1508

3

windows查看端口被占用的情况
windows查看端口被占用的情况

windows查看端口被占用的情况的方法:1、使用Windows自带的资源监视器;2、使用命令提示符查看端口信息;3、使用任务管理器查看占用端口的进程。本专题为大家提供windows查看端口被占用的情况的相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.02

2619

5

windows无法访问共享电脑
windows无法访问共享电脑

在现代社会中,共享电脑是办公室和家庭的重要组成部分。然而,有时我们可能会遇到Windows无法访问共享电脑的问题。这个问题可能会导致数据无法共享,影响工作和生活的正常进行。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.08.08

3310

4

windows自动更新
windows自动更新

Windows操作系统的自动更新功能可以确保系统及时获取最新的补丁和安全更新,以提高系统的稳定性和安全性。然而,有时候我们可能希望暂时或永久地关闭Windows的自动更新功能。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.08.10

1637

3

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程