用 Stylish 外掛打造你自己的個性化 Firefox

使用 Firefox，甚至所有瀏覽器，都會有些不如意的地方。為什麼菜單欄要設計得那麼大？明明很少使用。為什麼狀態欄那麼寬？明明不需要。為什麼默認的空白頁那麼難看？可以加個圖片嘛。為什麼狀態欄圖標只能放在右下角？就像我上次遇到的問題一樣。

甚至，你可能對各種網站有些不爽。為什麼 Google 搜索結果都有個醜醜的下劃線？為什麼 Google Reader 搜索欄佔了那麼大的空間？為什麼 Facebook 的佈局那麼古板？為什麼 twitter 的 Logo 顏色那麼難看？

正常情況下，你對此是無能為力的，你只能一邊抱怨設計師的失誤，一邊無奈地使用這樣糟糕的瀏覽器，瀏覽這樣糟糕的網頁，任其傷害你可憐的眼睛。
然而，有了 Stylish 這個擴展，一切都變了！

Stylish 是一個通過 CSS 樣式表控制 Firefox 的擴展，你不僅可以用它自定義網頁在自己瀏覽器裡顯示的樣式，還可以自定義瀏覽器本身的樣式！

Stylish 的首選項如圖所示：

可以看到，Stylish 的設置很簡單，想要啟用或禁止某個樣式，只需要在前面的複選框點擊即可，修改會即時生效。

當然，這些樣式並不需要完全有你手寫，userstyles.org上有大量的樣式可供下載，如果不滿意，也可以對其進行修改，這只需要少量的 CSS 知識即可。

我現在的 Firefox：

可以看到，通過這些定製，瀏覽器已經起了翻天覆地的變化，通過這些改變，你的瀏覽效率、瀏覽體驗一定提升了一大截吧！

既然瀏覽器本身不能給予每個用戶最佳的瀏覽體驗，網站設計者也不可能做得面面俱到，那麼，何不自己動手，讓它們按自己的想法而改變呢？嘗試一下 Stylish 吧！

 

使用Stylish定製Firefox(強烈推薦)

昨天寫的「擴展Firefox閱讀頁面的方法」，其實還是不能達到自己想要的目的，即在單純閱讀時的最大顯示範圍。不過好心人i1019提示我使用Stylish來定製Firefox，這樣我終於把FX變成了自己想要的樣子。如圖所示，除了程序窗口標題欄外，已經只剩下網頁內容了，哈哈。

Stylish是一個通過CSS來定製Firefox顯示樣式的插件。Greasemonkey也可以修改樣式，但採用的是JavaScript，不如CCS來得簡單和快捷。而在UserStyles這個網站上則集合了眾多樣式的代碼，用戶可以根據需要方便添加使用。

我為了獲取閱讀時的最大顯示範圍使用了如下CSS代碼：

1. Auto-hide Statusbar：能夠自動收縮頁面下方的狀態欄，鼠標移動上去時會自動浮現。不過其默認為收縮20像素時還留有一小條，修改成23比較合適。

2. Autohide Bookmark Toolbar：自動收縮書籤工具欄的顯示。

3. tabbar autohide for FF2：自動收縮標籤欄的顯示。隱藏掉後，可以使用Tab+Ctrl來循環顯示打開的標籤頁面，或者使用Ctrl+數字鍵來按次序選擇（支持數字小鍵盤）。

4. Menubar AutoHidden：自動收縮菜單工具欄。如果希望保留地址欄和搜索欄的話，也可以使用其它僅收縮菜單的代碼。

提示：如果你使用了2, 3, 4其中的兩款收縮工具欄的代碼時，鼠標只能去控制最上面的那個，所以我平時是保留書籤工具欄的顯示的，這樣還能去激活地址欄和搜索欄來輸入文字。

另外推薦OS X Style Google Reader，即能獲得如圖中使用Google Reader時的顯示效果。我們其實也可以自行定義抓蝦或者鮮果閱讀器的顯示效果，來獲得最大的閱讀顯示範圍。