從網站代碼中刪除未使用的CSS

我目前正在修改我在網絡上免費找到的網站模板。從網站代碼中刪除未使用的CSS

當我從代碼中刪除例如div時，其CSS保留在一個或多個文件中。

是否有一種工具可以自動從我的代碼中刪除未使用的CSS？所以我不會手動搜索每個id和class，我不再使用並刪除代碼。

來源

2012-08-23 AndreiBogdan

http://stackoverflow.com/questions/8120048/how-to-clean-up-styles-in-a-large-web-site/8120163#8120163很多工具在這裏。 – Kyle

不，它沒有任何好的收費，你可以找到某種收費（f.e.http：//unused-css.com）來升級你的代碼，但它從來沒有爲100％ – Lukas

嗯......確定嗎？然後，這聽起來像是一個有趣的項目：D – AndreiBogdan

您可以非常接近開發人員工具下Google Chrome的審覈標籤所要求的內容。它不會刪除未使用的CSS，但會顯示未使用的CSS規則。

觀察： enter image description here

來源

2012-08-23 12:28:26 shanabus

+10

中使用主菜單'Analyze - > Inspect Code'我一直質疑該功能的用處，因爲它只顯示當前頁面上未使用的規則 - 這對於無用的多頁面網站（絕大多數），如果你問我。 –

Intellij IDEA可以做到這一點。導航到CSS文件，點擊'分析'，然後將分析範圍減少到選定的文件。之後，您將看到與此文件相關的所有問題。所有的錯誤都被分成不同的類別，導航到名爲'未使用的CSS選擇器'的類別，以查找您的內容。這同樣適用於JavaScript。請注意，CSS支持僅適用於IDEA的Ultimate版本，儘管您花費的每一分錢都是值得的。終極版還有30天的試用期。哦，順便說它有一個很好的PHP支持。還有一個來自同一供應商稱爲PHPStorm的更便宜的PHP特定IDE。分析功能也可以在那裏找到。

來源

2012-08-23 12:26:48 NewlessClubie

這對我而言並沒有花費任何金錢。 – icfantv

這個分析選項在哪裏？我一直在尋找20分鐘！ – Christoffer

代碼 - >檢查代碼 – wathmal

從網站代碼中刪除未使用的CSS

回答

相關問題