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

爲什麼需要 stylish?

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

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

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

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

使用 stylish

安裝

chrome web srtore 搜索 stylish,得分最高的那個就是,點擊 add extension 安裝 stylish。

舉例

下面舉例說明 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 真的好用,趕緊裝上吧!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章