stylish網站換膚與網站分析妙用

作者：吳甜甜

個人部落格網站： wutiantian.github.io

微信公衆号： 吳甜甜的部落格

stylish是火狐浏覽器等平台的換膚插件

結合F12開發者功能可以進行：

• 背景色看起來不舒服，想換種顔色
• 頁面有一些内容你不想看到，想把它們

  display:none

• **【例如百度側邊廣告欄！】**
• 頁面中空白太多，或者顯示太滿，想重新排版

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

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

  

  使用 stylish

  安裝

  應用商店 搜尋 stylish，得分最高的那個就是，點選 安裝

  自定義樣式

  點選浏覽器右上角的 stylish 圖示後，點選後，Create New Style，就來到了設定樣式的頁面。在右邊代碼區編輯 css， 如圖所示

  

  需要注意幾點:
  • 左邊 Edit 中需要将 Enabled 打開，才生效
  • 右下的 Applies to 用于設定适配的網站，如果不設定則對所有網站有效
  • 儲存後，需要在網站中點選 Stylish 圖示，在 Installed 标簽頁中将其設為 Active 狀态才可使用