1. 程式人生 > >stylish -- 不要太好用的 chrome 樣式助手

stylish -- 不要太好用的 chrome 樣式助手

如果你在瀏覽網頁時常常有以下衝動,那麼也許你需要一個 stylish: 

  • 背景色看起來不舒服,想換種顏色
  • 頁面有一些內容你不想看到,想把它們 display:none
  • 頁面中空白太多,或者顯示太滿,想重新排版

如果採用笨辦法,也許可以在 developer tools 中設定他們的 css,甚至自己做一份各個網站的 css,當導航到某個網站時,貼上複製過來。

stylish 就是幫你做這件事的。它不僅可以幫你把不同網站的自定義 css 記錄下來,當你導航到對應網站時,自動載入相應的 css,還可以把你的 css 上傳到雲端,使你的 css 造福他人。
這裡寫圖片描述

安裝

chrome web srtore

搜尋 stylish,得分最高的那個就是,點選 add extension 安裝 stylish。

舉例

百度輕

Baidu Lite 對 baidu 搜尋頁做了很多優化,比如:

  • 去除無用的廣告
  • 去除頁面多餘的元素
  • 去除一切無用按鈕的極簡模式

點選 Baidu Lite 進入 Baidu Lite 頁,點選頁面中的 Install Style 安裝。




安裝後,開啟 baidu, 在瀏覽器右上角有個 stylish 圖示,點選後在彈框中的 Installed 標籤頁裡將 Baidu Lite 設為 Active 狀態。這時就可以 enjoy 新的百度了!另外,在 Library 標籤頁裡有很多其他人寫好的適配該網站的 css,只需點選 Install
就可使用。

自定義樣式

你也可以自己建立樣式。

點選瀏覽器右上角的 stylish 圖示後,在彈框右上角有個三個豎點的小圖示,點選後,Create New Style,就來到了設定樣式的頁面。在右邊程式碼區編輯 css, 如圖所示
這裡寫圖片描述

需要注意幾點:

  • 左邊 Edit 中需要將 Enabled 開啟,才生效
  • 右下的 Applies to 用於設定適配的網站,如果不設定則對所有網站有效
  • 儲存後,需要在網站中點選 Stylish 圖示,在 Installed 標籤頁中將其設為 Active 狀態才可使用

非常感謝你能瀏覽到這裡,stylish 真的好用,趕緊裝上吧!