2011-09-08 243 views
7

我想比較我的CSS文件和實際上在網站中使用的類,並生成僅包含這些類的新CSS文件。關鍵是擺脫我不使用的類。從項目中自動刪除未使用的CSS類

我之前使用Firefox的Dust Me Selectors擴展名來查找已使用和未使用的CSS選擇器,但它不再適用於FireFox 6。

有沒有其他的選擇?

+0

我想你應該知道你的CSS樣式...即使你找到他們使用一些工具,你認爲,你仍然需要找到他們在代碼中刪除它們,或者我沒有得到你的問題 – Gatekeeper

+2

@Gatekeeper有時候,事情會擺脫你,特別是如果你繼承了別人正在做的事情。 OP基本上需要一個工具來生成一個只包含項目中_used_類的CSS文件。我編輯了更多的問題。 –

+4

我對你(兩位編輯)如何設法將一個難以理解的問題變成一個很好的問題印象深刻。 – Arsen7

回答

0

您可以嘗試this online tool或使用谷歌瀏覽器的開發工具(默認安裝,不需要擴展名),它具有審計選項卡以顯示當前頁面上未使用的CSS選擇器......但我不認爲有辦法讓它爲你自動完成......

1

當你把你的網站GT-Metrix。比你可以看到未使用的CSS選擇器。或者你可以使用Google pagespeed來完成。