Chrome瀏覽器修改特定頁面背景色

有時候咱們用瀏覽器看網頁的內容時,若是長時間盯着白底黑字的屏幕,眼睛會很累。但願把網頁頁面的默認顏色改成淡綠色,這樣有助有緩解眼睛疲勞。經過給Chrome安裝一個擴展工具stylist來實現,能夠修改指定網站的默認背景色。html

方法/步驟

  1. 經過訪問chrome://extensions/,或經過下圖路徑進入Chrome擴展程序管理頁面,點擊獲取更多擴展程序。正則表達式

    Chrome瀏覽器修改特定頁面背景色

  2. 搜索stylist,來找到擴展程序,點擊「+免費」,來添加擴展程序。chrome

    Chrome瀏覽器修改特定頁面背景色

  3. 點擊添加,完成擴展程序安裝。瀏覽器

    Chrome瀏覽器修改特定頁面背景色

  4. 再次進入擴展程序管理頁面,選擇stylist擴展程序的選項。工具

    Chrome瀏覽器修改特定頁面背景色

  5. 選擇Styles-demo,選擇regexp,表示表達式,在後面寫入本身要修改背景色的站點,注意最後的*號,表示這個站點全部頁面都修改背景色,這也是正則表達式的功能。在最下面的空白處添加顏色規則代碼。網站

    *{background-color: #CCE8CC!important}spa

    點擊Save。regexp

    Chrome瀏覽器修改特定頁面背景色

  6. 再刷新一下頁面看看吧。htm

    Chrome瀏覽器修改特定頁面背景色

  7. 經過add Rule能夠把其餘站點也加入到規則中,http://[^.]*.baidu.com/*,這個規則表示包括baidu.com的所有站點,Save後能夠到全部百度的站點看看效果。ci

    Chrome瀏覽器修改特定頁面背景色

  8. 8

    同時,也能夠修改規則的名稱,把以前的demo修改了。之後還有須要長時間閱讀的頁面,能夠直接往頁面背景色下添加啦。

    Chrome瀏覽器修改特定頁面背景色

相關文章
相關標籤/搜索