有人知道CSS分析工具嗎？

Question

我正在尋找一個工具，可以分析一個大型網站，並尋找孤兒的CSS。

我在這個已經歷了幾次UI更新的項目上工作。把所有東西全部擦掉，重做一切將會持續下去。我想要的是一個讀取css文件的工具，然後讓你瀏覽網站，記錄使用的定義和頻率。

然後我可以通過css文件找到我曾經使用的代碼，並確定它是否確實被棄用並且可以被刪除。

想法？

Answer 1

Firefox有一個很棒的擴展，名爲Dust-Me Selectors，用於標記當前頁面上沒有使用的classes/id。

還有TopStyle，這將幫助你做以下的（我沒有用它，但不能保證它）：

• 預覽CSS，而你寫吧。
• 輕鬆地爲您的網站創建愉快的配色方案。
• 樣式檢查器驗證您的CSS語法針對多個瀏覽器。
• 使用網站報告可以一目瞭然地查看網站中CSS樣式的使用情況。
• 風格升級快速替換所有過時的HTML代碼與等效的CSS樣式。

Answer 2

Internet Explorer 8具有此功能，稱爲開發工具，可以幫助你。您可以從IEBlog entry瞭解它。如果你沒有IE8，你可以下載toolbar from here。

Answer 3

我會建議CSSEdit。多年來一直使用它。有一個內置的驗證器和一個X射線檢查員。