會看瀏覽器板,相信大家都長時間使用電腦
為了能改善瀏覽的效果,減輕眼睛的負擔
應該很多人都有使用能調整網頁顏色和過濾藍光的套件
板上也有板友分享過個人開發的護眼神器
我使用過的擴充功能如 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 的使用者若有興趣可加以追蹤看何時完成釋出