如何用 Dark Reader 把任意網(wǎng)頁變成深色模式從零到順手的一份指南【免費(fèi)下載鏈接】darkreaderDark Reader Chrome and Firefox extension項(xiàng)目地址: https://gitcode.com/gh_mirrors/da/darkreader凌晨一點(diǎn)改完最后一版方案想刷幾頁資料再睡卻發(fā)現(xiàn)純白的網(wǎng)頁刺得眼睛發(fā)酸。Dark Reader 就是為這種時(shí)刻準(zhǔn)備的它是一個(gè)開源瀏覽器擴(kuò)展會(huì)實(shí)時(shí)分析頁面的樣式表并重算顏色把任意網(wǎng)頁轉(zhuǎn)成深色模式。項(xiàng)目已迭代到 4.9 版本覆蓋 Chrome、Firefox、Edge、Safari、Thunderbird 五個(gè)平臺。先說清楚它是怎么把網(wǎng)頁變黑的很多夜間模式只是把顏色簡單取反結(jié)果鏈接變成熒光綠、照片變成馬賽克。Dark Reader 的做法更細(xì)逐條解析頁面里的 CSS把背景色、文字色、邊框色按一套深色配色重新計(jì)算遇到本身已經(jīng)是暗色的網(wǎng)站它會(huì)自動(dòng)跳過避免暗上加暗。換句話說它不改網(wǎng)站本身只是在你瀏覽器里給每個(gè)頁面臨時(shí)換上一套新配色。界面支持 42 種語言中文用戶看到的設(shè)置項(xiàng)直接就是中文不需要對照英文猜。兩分鐘拿到第一個(gè)深色網(wǎng)頁從安裝到看到效果兩分鐘足夠打開瀏覽器擴(kuò)展商店搜索 Dark Reader 并安裝Chrome、Edge、Firefox 都有官方版。裝完即生效當(dāng)前頁面會(huì)立刻變深——它默認(rèn)對所有網(wǎng)站開啟這就是你能看到的第一眼變化。點(diǎn)一下工具欄圖標(biāo)彈出面板里有當(dāng)前網(wǎng)站的開關(guān)和四個(gè)滑塊亮度、對比度、灰度、羊皮紙色。把亮度從默認(rèn)值 100 拖到 80 左右頁面的白底會(huì)明顯收斂刺眼感立刻減輕。默認(rèn)背景是接近純黑的 #181a1b如果覺得壓得太狠先把亮度抬一點(diǎn)再慢慢調(diào)。想自己構(gòu)建源碼的人普通用戶可跳過git clone https://gitcode.com/gh_mirrors/da/darkreader cd darkreader npm install npm run build構(gòu)建產(chǎn)物會(huì)在build/release/下生成擴(kuò)展包以非加載方式裝入瀏覽器即可。三個(gè)真實(shí)時(shí)刻各有一個(gè)合適的調(diào)法時(shí)刻一白天寫在線文檔白底最晃眼。你會(huì)發(fā)現(xiàn)訪問 Google 文檔、SharePoint 這類辦公網(wǎng)站時(shí)擴(kuò)展已經(jīng)按內(nèi)置的默認(rèn)配置自動(dòng)切到了過濾模式——它只做整體色調(diào)偏移不逐條重繪所以長文檔不會(huì)被改花。打開文檔頁點(diǎn)擴(kuò)展圖標(biāo)確認(rèn)引擎顯示為過濾。亮度擰到 85 左右對比度保持 100。如果文字發(fā)灰看不清把灰度歸零。為什么文檔用過濾它不會(huì)動(dòng)頁面布局只統(tǒng)一壓暗整體色溫長文檔讀起來最穩(wěn)。時(shí)刻二晚上想自動(dòng)變暗早上自動(dòng)恢復(fù)。不用手動(dòng)來回切換。Dark Reader 內(nèi)置定時(shí)開關(guān)默認(rèn)時(shí)間窗是 18:00 到次日 9:00——在設(shè)置里打開自動(dòng)化下班后頁面自動(dòng)轉(zhuǎn)暗第二天早上自動(dòng)恢復(fù)正常。如果你更希望跟隨系統(tǒng)深淺色切換也有對應(yīng)選項(xiàng)二選一即可。時(shí)刻三某個(gè)網(wǎng)站變黑后花屏、按鈕看不清。這是少數(shù)網(wǎng)站會(huì)遇到的情況處理方式是給這一個(gè)網(wǎng)站單獨(dú)存一套參數(shù)在彈出面板里點(diǎn)進(jìn)當(dāng)前網(wǎng)站的設(shè)置。換一種引擎試試動(dòng)態(tài)不行就換過濾反之亦然。把調(diào)好的參數(shù)存為該網(wǎng)站的專屬配置下次打開自動(dòng)生效。實(shí)在調(diào)不好就把它加入例外列表讓頁面保持原樣。四種渲染引擎速查引擎適合誰計(jì)算開銷色彩還原動(dòng)態(tài)默認(rèn)日常絕大多數(shù)網(wǎng)站中最高逐條重算頁面顏色過濾在線文檔、表格類頁面低整體色調(diào)偏移快而穩(wěn)增強(qiáng)過濾兼容性問題多的老頁面中低介于過濾與動(dòng)態(tài)之間靜態(tài)愿意自己寫 CSS 的人低完全由你定義的配色決定懶人默認(rèn)建議全程用動(dòng)態(tài)個(gè)別網(wǎng)站再單獨(dú)存。愿意細(xì)調(diào)的人還能做什么預(yù)設(shè)方案把幾組亮度、對比度組合存成預(yù)設(shè)一鍵切換不用每次回頭拖滑塊。網(wǎng)站修復(fù)項(xiàng)目src/config/目錄內(nèi)置了社區(qū)維護(hù)的網(wǎng)站修復(fù)清單隨版本一起更新新網(wǎng)站的問題會(huì)被陸續(xù)修掉。自動(dòng)化定時(shí)開關(guān)和跟隨系統(tǒng)深淺色都支持夜間場景不用操心。自定義參數(shù)想給某個(gè)域名固定一組參數(shù)效果大致長這樣示例值{ example.com: { brightness: 80, contrast: 90 } }改錯(cuò)了也不怕面板里的重置按鈕可以一鍵還原所有參數(shù)。哪些地方它管不了它只處理網(wǎng)頁內(nèi)容本身不改瀏覽器自己的界面也不碰系統(tǒng)級深色。少數(shù)受安全策略保護(hù)的頁面比如部分銀行網(wǎng)站默認(rèn)無法強(qiáng)制變暗官方文檔有說明但除非你清楚自己在做什么不建議動(dòng)那些設(shè)置。PDF 是否變暗由單獨(dú)的開關(guān)控制。了解這些邊界遇到為什么這里沒變時(shí)你就不會(huì)誤會(huì)。接下來做三件事裝上把亮度和對比度試出自己舒服的兩檔給最常用的一個(gè)網(wǎng)站單獨(dú)存一套參數(shù)項(xiàng)目持續(xù)接受社區(qū)貢獻(xiàn)上報(bào)某個(gè)網(wǎng)站的顯示問題、補(bǔ)一段翻譯、或提交一條修復(fù)規(guī)則都是實(shí)實(shí)在在的參與方式。【免費(fèi)下載鏈接】darkreaderDark Reader Chrome and Firefox extension項(xiàng)目地址: https://gitcode.com/gh_mirrors/da/darkreader創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考