2011-09-14 39 views
26

可能重複:
How can I find unused images and CSS styles in a website?檢測未使用的CSS規則

我開發一個網站。
我使用ready template.this模板包含許多css文件和許多css規則。
但我有幾頁,我相信我沒有使用所有的選擇器。
是否存在用於掃描項目HTML文件並找到未使用的css規則並將其刪除的工具?
我發現this question,上面寫着:

Dust-me Selectors是一個Firefox的插件,發現未使用的選擇。

但它與FF6不兼容,似乎只是檢查當前的查看頁面而不掃描整個網站文件。

+0

我可能看到這個確切的標題,每週至少一次的頭版上。你確定你沒有發現任何搜索谷歌或甚至這個網站?剛剛輸入問題標題時,建議的重複項如何? – BoltClock

+1

這是非常乏味,但會工作:尋找你的CSS的所有選擇(''/}(.*){/),然後通過在jQuery的循環運行它們,並檢查是否匹配什麼... –

+0

HTTP ://stackoverflow.com/questions/135657/tool-to-identify-unused-css-definitions –

回答

34

你可以用Chrome的開發者工具的一般概念。

  1. 打開的頁面在Chrome
  2. 開放的開發工具(按Ctrl + Shift + I)
  3. 打開審計選項卡
  4. 點擊運行
  5. 展開 「刪除未使用的CSS規則」 項查看包含未使用樣式規則的樣式表列表。

這不一一列舉出來 噢等待...它... XD

+2

謝謝你這麼多類JS-文件護理,但它會掃描當前頁面,對不對? – Shahin

+2

是的,只有在當前頁 –

+0

我想我會嘗試惡補一堆成一個網頁HTML臨時文件,只是爲了運行此的目的。我的預測是,這將是醜陋的,但有效。 –