护眼模式

简单有效的全网通用护眼模式(夜间模式、暗黑模式、深色模式)

المؤلف
X.I.U
التثبيت اليومي
22
إجمالي التثبيت
116,732
التقييمات
152 20 4
الإصدار
1.5.5
تم إنشاؤه
13-05-2021
تم تحديثه
18-11-2024
الترخيص
GPL-3.0 License
ينطبق على
جميع المواقع

请确保已安装 Tampermonkey 正式版 扩展(脚本管理器)后,再去点击上面的 [安装脚本] !

注意: 因为浏览器执行标准差异,该脚本依赖的 CSS filter 样式在 Firefox 浏览器上存在兼容性问题(比如导致所有悬浮元素消失)。


Tampermonkey v5.2.0 后脚本无法正常运行?

Tampermonkey v5.2.0 版本转为了 Manifest V3,因此需要在浏览器的扩展管理界面启用 开发者模式 才能正常运行脚本!


GitHub license GitHub Star GitHub Fork jsDelivr Greasyfork

  • CloudflareSpeedTest - 测试 Cloudflare CDN 延迟和速度,获取最快 IP (IPv4+IPv6)!19k+
  • Trackerslist.com - 每天更新!全网热门 BT Tracker 列表!有效提高 BT 下载速度25k+
  • YueDu - 分享我自制自用的「阅读」APP 精品书源(网络小说)!8k+
  • 护眼模式 - 简单有效的全网通用护眼、夜间、暗黑模式
  • 知乎增强 - 移除登录弹窗、屏蔽首页视频、快捷收起回答/评论、快捷回到顶部、屏蔽用户/关键词/盐选、默认高清原图、默认站外直链...
  • Github 增强 - 高速下载 Clone、Release、Raw、Code(ZIP) 等文件、项目列表单文件快捷下载 (☁)
  • 蓝奏云网盘增强 - 刷新不回根目录、后退返回上一级、右键文件显示菜单、点击直接下载文件、自动显示更多文件、自定义分享链接域名...
  • 自动无缝翻页 - 无缝拼接下一页内容(瀑布流),目前支持:所有「Discuz!、Flarum、phpBB、NexusPHP...」论坛、百度、谷歌、必应、搜狗、贴吧、豆瓣、NGA、3DM、千图网、游侠网、游民星空、NexusMods、Steam 创意工坊、影视、动漫、漫画、BT 等...

如果觉得还不错,就去 Github 点个 [⭐ Star] 鼓励一下下吧(或者多多分享)! https://github.com/XIU2/UserScript


该脚本有什么用?

注意:如果关闭/删除脚本、甚至删除 Tampermonkey 扩展后,依然存在护眼模式,那么可能是某个扩展导致的(已有 2 例相关反馈),请关闭所有浏览器扩展后检查是否正常,如果正常就一个个排除扩展。

我用过很多实现护眼、夜间、暗黑模式的浏览器扩展,但感觉都不尽人意,于是自己折腾出了个最简单的全网通用护眼、夜间、暗黑模式。

该脚本其实就是依靠 CSS 样式中的 filter 滤镜功能,以实现降低亮度、暖色调等显示效果(但不支持修改网页背景颜色)~

# 模式切换

注意: 因为图片经过压缩,所以显示效果与实际体验有差距(再加上后续多次调整样式),请以实际体验为准!

  • 模式一: 降低网页亮度,对网页颜色影响最小。
  • 模式二: 降低网页亮度,并添加暖色调滤镜(降低蓝光?),眼睛看起来会比方案一舒服点?我自己是主用这个模式。
  • 模式三: 直接对网页进行负片反色(图片、视频除外),注意:该模式兼容性/通用性一般,部分网页的图片、视频可能不尽人意,难以解决。

模式 3 就是对整个网页添加负片反色滤镜,然后再去单独对图片、视频等元素额外再添加一层负片反色滤镜,负负得正,让其反转回正常颜色。

但因为各网页的差异、复杂性,导致我虽然加了一些 图片、视频 等元素选择器,但是无法完全覆盖所有情况。一些网页必须要单独分析原因来解决,还有一些网页图片因为用的是背景样式插入所以完全无法解决,最后导致的就是现在这样。

因为模式 3 有这种兼容性缺陷,且没有什么一劳永逸的解决方案,而我又懒得一个个网站去适配,所以我自己是不用的,不知道为啥你们都在用这个模式。。。我写这个脚本是自用的,目前我主用模式 2

因此,模式 3 还有个额外的 [自定义排除目标] 的选项(位于自定义当前模式选项中),但是需要一点 CSS 基础,如果不会写,可以找我帮忙。

切换模式很简单,点击浏览器右上角的 Tampermonkey 扩展图标中的 #️⃣ 点击切换模式 即可循环切换。


# 自定义当前模式

目前已经支持自定义当前模式的亮度/暖色/反色百分比等~

如需要,可以点击浏览器右上角的 Tampermonkey 扩展图标 #️⃣ 自定义当前模式
模式 3 比较特殊,因此还额外有个 [自定义排除目标] 的功能,但是可能需要一点 CSS 基础,如果你不会写,可以找我帮忙。


# 白天保持开启

自从眼睛适应了护眼滤镜后,我现在白天也想继续开着护眼模式了,因此添加了该选项,大家自行选择。

白天指的是早上 7 点 ~ 晚上 19 点,如果开启该功能,白天的护眼模式相比晚上会略亮一点点(可以自定义)。

默认开启,如要关闭,请点击浏览器右上角的 Tampermonkey 扩展图标 ✅ 白天保持开启


# 晚上自动切换模式

设置后,白天、晚上会自动切换为指定模式(例如白天用模式 1,晚上用模式 3)~

默认关闭,如要开启,可以点击浏览器右上角的 Tampermonkey 扩展图标 #️⃣ 晚上自动切换模式


# 自定义昼夜时间

上面两个功能都是通过指定时间来判断的,默认为 6:00 ~ 18:00,不同季节昼夜长短不同,大家自行调整~

如需要,可以点击浏览器右上角的 Tampermonkey 扩展图标 #️⃣ 自定义昼夜时间


# 护眼模式跟随浏览器

如果浏览器是深色模式,则脚本会自动开启 [护眼模式],反之则关闭(不运行脚本)。

注意: 因为 JS 只能获得浏览器是否为暗黑模式,无法获取系统样式,因此需要设置浏览器跟随系统暗黑模式
默认关闭,如要开启,请点击浏览器右上角的 Tampermonkey 扩展图标 ❌ 护眼模式跟随浏览器


# 智能排除自带暗黑模式的网页 (beta)

因为越来越多的网站自带暗黑模式了,如果每次都要手动排除网站太麻烦了,那么干脆交给脚本解决吧。

默认开启,如要关闭,请点击浏览器右上角的 Tampermonkey 扩展图标 ✅ 排除自带暗黑模式的网页 (beta)
如果觉得脚本自动识别不好用,那么可以关闭该功能,然后手动排除指定网站(见下面 如何排除某些网站)。

已知问题 ①:一些网站使用深色背景,白色主体的颜色搭配,会使脚本无法正确识别(脚本是根据网页背景颜色判断是否自带暗黑模式的)。


# 强制当前网站启用护眼模式

因为 [智能排除自带暗黑模式的网页 (beta)] 功能目前无法识别部分网站(这些网站为深色背景,浅色主体的颜色搭配)。

目前没有什么好的方法去识别,考虑到这类网站占比较小,所以大家自行选择是否强制当前网站启用护眼模式~

强制启用,请点击浏览器右上角的 Tampermonkey 扩展图标 ✅ 已强制当前网站启用护眼模式

恢复默认,请点击浏览器右上角的 Tampermonkey 扩展图标 ❌ 未强制当前网站启用护眼模式

注意:因为该功能是对 [智能排除自带暗黑模式的网页 (beta)] 的补充,所以只有 [智能排除自带暗黑模式的网页 (beta)] 功能启用的时候才会生效~


# 对当前网站启用/禁用护眼模式

如果要禁用,请点击浏览器右上角的 Tampermonkey 扩展图标 ✅ 已启用 (点击对当前网站禁用)

如果要启用,请点击浏览器右上角的 Tampermonkey 扩展图标 ❌ 已禁用 (点击对当前网站启用)


# 有什么建议?请告诉我!(本站反馈 / Github Issues


如何安装/使用该脚本?

要使用该脚本,需要浏览器安装一个 Tampermonkey 脚本管理器扩展(Chrome / Firefox / Edge)。

其他基于 Chromium 内核的浏览器(如国内套皮浏览器)都可以使用 Chrome 的扩展。

请确保使用 Tampermonkey 正式版 扩展,其他的用户脚本管理器可能导致无法正常使用脚本。

不会离线安装 .crx 扩展? 请重新开启 Chrome、Edge 隐藏 [拖入安装 .crx 扩展] 功能!


赞赏支持 ~

微信赞赏支付宝赞赏


更新日志: