[-GC-] Midnight Lizard 处理所有元素的护眼扩充

楼主: unknown (ya)   2018-02-07 16:32:47
会看浏览器板,相信大家都长时间使用电脑
为了能改善浏览的效果,减轻眼睛的负担
应该很多人都有使用能调整网页颜色和过滤蓝光的套件
板上也有板友分享过个人开发的护眼神器
我使用过的扩充功能如 Dark Reader、Deluminate、滤蓝光卫士
Dark Reader 和 Deluminate 能将网页底色修改成如 PTT 黑色,较能缓和白底的刺眼
但 Dark Reader 无法对个别网站加以设定
Deluminate 则是若选择黑底则无法对亮度加以调整
滤蓝光卫士就是太过于简单的滤镜
这篇想要分享一个板上未曾提过
有别于 Dark Reader、Deluminate 使用简单的反相颜色修改画面
而是能够精细化到处理画面每一个元素的扩充功能 Midnight Lizard
无论是背景、文字、连结、图片,皆可按自己的偏好调整,而非是对比性高的黑底白字
针对每一个网站均能细部化的个性化设定
因为是用红光取代蓝光,所以画面上会更柔和,有多种主题可供选择
默认的主题 Dimmed Dust 是一个橘褐色系的效果,视觉上较为舒服
Midnight Lizard
Chrome Store
https://chrome.google.com/webstore/detail/pbnndmlekkboofhnbonilimejonapojg
https://i.imgur.com/NJTxgy7g.png
source https://github.com/pavel-agarkov/Midnight-Lizard
使用权限要求:读取及变更你造访过的网站上的所有资料
扩充功能介绍:
这个扩展改变页面的颜色,亮度和对比度,提高了可读性。夜间模式为所有网站开启。
将帮助您定制整个互联网的外观,以便于使用。您可以为每个喜爱的网站设置不同的配
色方案,并为所有其他网站设置一个默认主题。从预定义的方案中选择或创建自己的方
案。用户配色方案的数量是无限的。
━━━━━ 优点 ━━━━━
.智能黑暗的主题
.增加对比度
.反转的亮度,而不是倒置的颜色
.选择灰度
.在类似的背景颜色之间增加差异
.将图像恢复到鼠标悬停时的原始状态
.显著提高可读性
.增强的语法突出显示(对于程序员)
.有蓝色滤镜可以用红光代替蓝色光
.减少眼睛疲劳和睡眠模式的中断
.在夜间或在光线不足的环境中必不可少
.在光线和对比度的主题白天也很有用
.有选项安排扩展激活和停用
.颜色方案的文件导出和导入
.完全可定制的
.默认情况下,所有设置在设备之间同步
.几乎无处不在
.易于启用/禁用全局切换和键盘快捷键
.永远免费
以上的介绍跟优点是官方的,虽然语言说有繁体中文
不过只有在 Chrome Store 的扩充功能的介绍跟优点是繁体中文
而且看起来也只是用 Google 翻译的简化中文的简转繁版而已
Midnight Lizard 许久前在 Pseric 的 free group 介绍过
Midnight Lizard 让所有网站都有夜间模式浏览效果(Chrome 扩充功能)
https://free.com.tw/midnight-lizard/
所以我就不野人献曝多介绍,这篇后面提及的是个人使用上一些设定跟经验
使用意见和讨论可以看 Product Hunt 和 Chrome Store Reviews
Product Hunt
https://www.producthunt.com/posts/midnight-lizard
使用画面预览:
Google https://i.imgur.com/i3q9yaNg.jpg
Youtube https://i.imgur.com/6N4wqVEg.jpg
Wiki https://i.imgur.com/bywtz1qg.jpg
Google images https://i.imgur.com/b9971Gxg.jpg
Google map https://i.imgur.com/mBTmpdyg.jpg
Google docs https://i.imgur.com/Q383YdJg.jpg
内建主题画面预览(6/14):
Dimmed Dust(默认) https://i.imgur.com/EHyiGQjg.png
Apple Mint https://i.imgur.com/pVPYIrpg.png
Sunset Sails https://i.imgur.com/TM2XgMGg.png
Morning Mist https://i.imgur.com/HJxfL23g.png
Inverted Light https://i.imgur.com/o2YEDhsg.png
Inverted Grayscale https://i.imgur.com/NDNyKFng.png
设定画面参考:https://i.imgur.com/1yI8Kez.jpg
设定选项及个人使用经验:
▲Common 此处能设定蓝光滤镜的比例(%)跟排程
一般常用的蓝光滤镜软件或功能如
f.lux、iOS Night Shift 及 Windows 10 夜间光线
能够设定依日光时间或是排程调整色温
Midnight Lizard 可以在 Common 里加以排程及设定蓝光滤镜比例
▲Background 默认主题 Dimmed Dust 的背景亮度(Brightness limit)是 15% 偏褐色
因为习惯 PTT 黑底及先前使用 Darker Reader 和 Deluminate 的关系
因此我调成 0%,不过黑底过深未必好,所以会逐渐调高
所幸文字非白色,对比不似黑底白字高
▲Text Midnight Lizard 能对个别网站的文字设定色彩饱和度、对比和亮度
例如 PTT 的推文 ID 亮度较高,转化后则变成推文内容亮度较高
所以我个人在 PTT 网页版会将色彩饱和度、对比及亮度设定为 50%
以便不会有过于亮眼的文字出现
▲Images 图片的设定值得一提的是可勾选 Use image hover animation
如此可在只有将鼠标移到图片上时,图片方呈现高亮度
于此之外,图片皆为暗色
▲Fond Images 这部份为 Midnight Lizard 少数的几个缺陷之一
Midnight Lizard 在图片判断上有些会当成背景图片
因此显示时可能会变得过暗,可能需要在个别网站调整
部分网站可能连设定成 100% 都非图片原始色彩
▲Color schemes 此处可将使用者自行调整后储存成自订的主题并汇出汇入及同步
https://pbs.twimg.com/media/DBa8bZqXcAAKDmA.jpg
最新的版本在上图官方 twitter 的图片中
增列了同步的选项 Sync Settings across your devices
缺点:Midnight Lizard 因为要对画面的每一个元素加以运算才加以调整
所以有一个致命的缺点就是在加载网站时,会造成显示上的明显延缓
至于能不能忍受就看个人
技术支援及问题回报:
使用上若有问题,可于 github 和 Google Groups 的 Midnight Lizard Support 回报
github issues
https://github.com/pavel-agarkov/Midnight-Lizard/issues
Midnight Lizard Support - Google Groups
https://groups.google.com/forum/#!forum/midnight-lizard-support
未来版本规划:
目前 Midnight Lizard 只有 Chrome 版的扩充功能
Firefox 版附加元件的开发,开发者去年 11 月说将是 2018 的第一件事
Support for Firefox
https://github.com/pavel-agarkov/Midnight-Lizard/issues/19
开发者在前面的 Product Hunt 回应留言时有提到
等 Firefox 版完成之后,会考虑 Safari 版本的开发
Firefox 跟 Safari 的使用者若有兴趣可加以追踪看何时完成释出
作者: karst10607 (谁可以协助我开板?)   2018-02-08 07:58:00
push, I wish I could M this article QQ
作者: abccbaandy (敏)   2018-02-07 17:01:00
不知道有没有单纯降白色亮度的功能,Deluminate 有个Reduce Contrast Only背景调黑太多网站会怪怪的,一个个调有点累...Dark Reader效果不太好,Deluminate 有BUG页面周围会狂闪其实我想问的是Midnight Lizard能不能作到这功能
作者: ms9 (卑弥呼)   2018-02-07 20:05:00
类似的还有night mode pro
作者: solomn (九米)   2018-02-07 20:41:00
我是Dark Reader、Change Colors、Stylish这三个依网站情况个别使用
作者: kaoh08 (AIR -the 1000th summer-)   2018-02-08 05:52:00
你这个套件太屌 用Imagus也没有被影响的问题这功能不知道要怎么通称 我以前都称高对比(搜寻有6篇)。而暗色系(搜寻有3篇) 护眼(搜寻有2篇)
作者: s9209122222 (海海海)   2018-02-09 20:16:00
不过最重要的还是选个不闪屏的萤幕,并降低亮度到适合环境的光源
作者: karst10607 (谁可以协助我开板?)   2018-02-11 21:12:00
可是亮度太低也会伤眼吧...? 根本看不清楚也无法
作者: josesun (REI-00 DUMMY SYSTEM)   2018-02-11 23:45:00
0% 太暗了吧?难道家里都不开灯?
作者: Toge (To Valhalla!)   2018-02-12 10:39:00
其实直接用Stylish的Global dark style就好了.....
作者: s9209122222 (海海海)   2018-02-12 11:34:00
笔电的萤幕太烂?

Links booklink

Contact Us: admin [ a t ] ucptt.com