TamperMonkey油猴/暴力猴浏览器脚本插件中文网(TMchina)

[辅助] 简单有效的全网通用护眼模式(提供夜间模式、暗黑模式、深色模式三种可选)

[复制链接]
发表于 2021-10-13 22:44:54 | 显示全部楼层 |阅读模式

马上注册,结交更多网友,浏览器插件/脚本不再愁!

您需要 登录 才可以下载或查看,没有帐号?注册会员

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

该脚本其实就是依靠 CSS 样式中的 filter 滤镜功能,以实现降低亮度、暖色调等显示效果~

模式切换



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

注意: 因为 CSS 兼容性及处理方式不同,本脚本在 Firefox 浏览器上会导致所有悬浮元素消失,有懂怎么解决的么?

  • 模式一: 降低网页亮度,对网页颜色影响最小。
  • 模式二: 降低网页亮度,并添加暖色调滤镜(降低蓝光?),眼睛看起来会比方案一舒服点。
  • 模式三: 直接对网页进行负片反色(图片、视频除外),不过通用性差点,部分图片、视频样式特殊的网页可能会无法正常显示。

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


huyan2.jpg

模式1


huyan1.jpg

模式2

huyan3.jpg

模式3

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

如需要,可以点击浏览器右上角的 Tampermonkey 扩展图标 自定义当前模式。

hy.png

注意:在设置完之前打开的浏览器标签网页窗口需要重新加载才会生效。

# 晚上自动切换模式
设置后,白天、晚上自动切换为指定模式~

默认是关闭的,可以点击浏览器右上角的 Tampermonkey 扩展图标 晚上自动切换模式。

# 白天保持开启
自从适应了暗黑模式后,我现在白天也想开着暗黑模式,因此添加了该选项,大家自行选择。

白天指的是早上 7 点 ~ 晚上 19 点,如果开启该功能,白天的暗黑模式相比晚上会更亮一点点。

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

# 护眼模式跟随浏览器
如果浏览器是深色模式,则脚本开启 [护眼模式],反之则关闭。

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

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

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

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

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

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

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

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

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

# 对当前网站启用/禁用护眼模式
如果要禁用,请点击浏览器右上角的 Tampermonkey 扩展图标 已启用 (点击对当前网站禁用)。

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

开发者X.I.U

护眼模式 v版本1.3.0


ZIP导入包下载:
护眼模式 v1.3.0.user_scripts.zip (9.4 KB, 下载次数: 6)


TM中文网 - 脚本安装指南

1、本站ZIP导入包一般命名类似为tmchina.net_xxx_script.zip,一般无需解压直接导入(导入不成功则解压看是否里面还有ZIP文件,有的话再导入)。
2、JS版为代码版,可在油猴/暴力猴控制台直接添加脚本的方式把JS文件内的代码复制粘贴进去,保存即可成功安装脚本。
3、脚本导入的相关教程《油猴脚本导入教程》/《暴力猴脚本导入教程


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

最近更新的脚本

免责声明

TMchina所发布的一切浏览器脚本及应用的帖子仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该应用,请支持开发者,若有VIP相关脚本,我们推荐您购买VIP得到更好的官方服务。(如有侵犯了您权益的应用请点此处联系我们处理

联系我们|Archiver|小黑屋|sitemap|, Processed in 0.033921 second(s), 27 queries .   
快速回复 返回顶部 返回列表