chrome有沒有擴展可以把背景顏色調成茶綠色?

hack version看久了眼睛很難受的


呃,我本來是來知乎找答案的= =結果發現果然還是自己動手豐衣足食

一、在chrome應用店裡找到一個名為【眼睛護航】的拓展,安裝後可以調節至

這樣的顏色。

拓展圖標及菜單如圖 也可以換其他顏色,缺點是 將網頁變色有一定延遲,網頁打開後有一瞬間是白色 然後變成設置的顏色【也有可能是我電腦比較渣渣的緣故(。_。)

2014.2.18 1:13更新:用了一天這個插件沒有關閉 發現除了延遲之外有時候網站的按鍵也會不顯示= =一片綠 不知道能不能改進,有更好的插件請聯繫我!

=====================================================

二、再附一個豆瓣上的方法(原址:Google Chrome修改網頁背景顏色的辦法):

Google Chrome修改網頁背景顏色的辦法

2010-09-17 12:54:22

Google Chrome(谷歌瀏覽器)修改網頁背景顏色的辦法(比如修改為護眼的豆沙綠)

Google Chrome修改網頁背景顏色的辦法

首先,下載安裝chrome的stylist插件,下載地址:

Chrome Web Store

然後,打開"擴展設置",點擊chrome stylist的選項,點擊demo進行修改。

把網頁背景修改為豆沙綠的參數設置:

輸入框1:demo

選項框2:regexp

輸入框3:(ftp|http|https)://D

輸入框4:

* {

background: #C7EDCC !important;

}

修改後保存即可

(url和style text可根據自己喜好配置)

附:豆沙綠的參數

RGB顏色

199;237;204

十六位顏色代碼

#C7EDCC

色調:85;飽和度:123;亮度:205

祝上網愉快╮( ̄▽ ̄")╭


我用的 護眼腳本

護眼腳本修改網頁背景色,讓網頁背景色偏白的部分變成鄉土黃、豆沙綠或者淺色灰,更加護眼。默認護眼色是鄉土黃。

Greasy Fork - 安全、有用的用戶腳本大全

Chrome上先要裝 TamperMonkey 插件https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=zh-CN

用戶腳本是什麼?

用戶腳本為您增強對瀏覽體驗的控制權。在安裝之後,它們可自動為您訪問的網站添加功能,或使其更加易用、更加清新。在 Greasy Fork 上的用戶腳本是由其他用戶編寫並向全世界發表的,您可以免費和輕鬆地安裝。

第一步:安裝一個用戶腳本管理器

Chrome 上的 Tampermonkey

要使用用戶腳本,您首先需要安裝一個用戶腳本管理器。根據您使用的瀏覽器不同,可用的用戶腳本管理器也有所不同。

  • Chrome:Tampermonkey 或 Violent monkey
  • Firefox:Greasemonkey 或 Tampermonkey
  • Safari:Tampermonkey
  • Microsoft Edge:Tampermonkey
  • Opera:Tampermonkey
  • Maxthon:Violentmonkey
  • Dolphin:Tampermonkey
  • UC:Tampermonkey
  • Qupzilla:(不需要額外軟體)

第二步:安裝一個用戶腳本

用戶腳本的安裝按鈕

瀏覽此網站 查找您想嘗試的用戶腳本。最流行的用戶腳本有:

  • 購物黨比價工具 - 京東.淘寶.天貓.易迅.亞馬遜中國.一號店.蘇寧易購.噹噹網.國美在線.新蛋網中國.拍拍網自動比價。不會被刪的版本(大概吧
  • 網易雲音樂高音質支持 - 去除網頁版網易雲音樂僅可播放低音質(96Kbps)的限制,強制播放高音質版本
  • 百度雲下載無限制 - 不需要下載雲管家直接下載
  • 百度貼吧:不登錄即可看貼 - 百度貼吧看貼(包括樓中樓)無須登錄。
  • MyTools:我的私人工具集 - 整合常用功能,減少插件數量:DirectGoogle、百度音樂盒去廣告、豆瓣補全下載鏈接、網頁右鍵解鎖、購物黨比價工具、解決百度雲大文件下載限制、知乎界面美化、知乎真實鏈接地址重定向、全網主流視頻網站VIP破解(免廣告),呼出快捷鍵:ALT + M

在您找到想要的用戶腳本後,點擊用戶腳本頁面上綠色的安裝按鈕,您的用戶腳本管理器將詢問您是否安裝。

第三步:使用用戶腳本

轉至用戶腳本適用的網站。它應該已自動啟動和生效。在試用用戶腳本後,您可以返回用戶腳本頁面,給用戶腳本的作者留下反饋。


https://chrome.google.com/webstore/detail/%E4%BF%9D%E6%8A%A4%E7%9C%BC%E7%9D%9B/fgadnbmmolnmbkbklpaojbogcopipopl?hl=zh-CN

覺得這個最好用


Chrome Web Store

然後設置Background color選項:B2EBB2,大概就是這個顏色,自定義吧


發現這兩個在一起使用的效果很好


試試這個插件

https://chrome.google.com/webstore/detail/eye-protector/fgadnbmmolnmbkbklpaojbogcopipopl

========舊地獄========

剛換了cent browser瀏覽器,設置就有背景色設置了。之前一直用七星瀏覽器,無奈一直不更新。


用了stylish.crs之後,發現如投票第一的答主的代碼會把網頁除了字之外的全部變成綠的。。。包括知乎上方藍色的條條。。。修改代碼如下可以只改頁面主體,供大家參考:

html, body {background-color: #CCE8CC!important; }

另:google現在上不去,可以從http://chrome-plugin.com/sitemap.xml搜索stylish並下載crx文件,不過好像是中文版的。。。但是大家應該都會用,祝愉快!


遇到同樣的問題,可惜一直上不了chrome應用商店(牆, 你懂的),只能手動改。按F12打開瀏覽器開發者模式,點Console,在命令行輸入下面一行代碼:

document.getElementsByTagName("body")[0].style.background="#cce8cc";x=document.getElementsByTagName("div");for(var i=0;i&

不過,比較麻煩的是,每個窗口都得手動輸。


推薦閱讀:

有哪些離不開的chrome擴展程序?
滑鼠指針選擇超鏈接上的文字時有什麼技巧?
如何看待針對某個網站的去廣告瀏覽器工具對網站帶來的影響?
Chrome 為什麼太容易崩潰?

TAG:GoogleChrome | Chrome網上商店 | 谷歌Google | Chrome擴展程序 |