Firefox外掛程式推薦：CSS Usage

來自於：http://www.qianduan.net/firefox-plug-ins-recommended-css-usage.html

 

css usage是一個基於firebug的firefox擴充，可以用來查看頁面中的CSS的使用方式，可以清楚的查看css檔案中所有的規則在你的網站中的 真實的使用方式。可以查看一個網站中多個頁面中的css使用方式——這個很好，可以看到CSS的在網站中的全域使用方式。

預覽：

：https://addons.mozilla.org/en-US/firefox/addon/10704 首頁地址：http://spaghetticoder.org/cssusage/

用法：

• 開啟你想要掃描的網站的頁面，開啟Firebug，切換到CSS Usage標籤，然後點擊”scan”按鈕。
• 如果是用了大量ajax或者dhtml的網站中，開啟儘可能多的隱藏的div/視窗/tab，以使CSS Usage爬取儘可能多的內容。
• 然後訪問你的網站的其它頁面。
• 每訪問一個新的頁面，請按一次”scan”按鈕。當然，也可以選擇autoScan按鈕，這樣就不用每次按Scan按鈕了。

掃描的結果中，綠色的規則表示當前頁面中有用到，黑色表示其它頁面中用到，紅色表示沒有被掃描到(至少在當前頁面)，灰色是偽類(:hover之類)

一些特性：

• 可顯示規則的行數
• 自動掃描(autoScan)
• 連結到CSS檔案(可以在新tab中開啟該CSS檔案)