2009-11-25 31 views
6

我有一個DotNetNuke皮膚,它有一個長度超過3,500行的單個CSS文件。它包含YUI,Telerik,Cluetip的樣式以及網站的實際定製。舊開發人員不斷添加樣式,從不清理舊的未使用的樣式。查找網站上使用的所有CSS樣式

我想清理該文件並將其更加可管理的大小。我首先想到了通過代碼庫進行掃描,但這是5500個文件,其中混合使用了CSS,.ascx和.cs文件以及jQuery應用樣式有時來自生成的代碼,有時來自js文件。一些樣式適用於類選擇器,其他樣式適用於選擇器。

有沒有一種方法可以輕鬆檢查網站實際需要的所有頁面的樣式?有沒有可以做到這一點的爬蟲?

回答

19

對於Firefox來說,有一個叫做dust-me-selectors的加載項。如果您提供站點地圖,它會找到所有未使用的CSS樣式。

+0

真的很棒的工具,正是我需要的,另一個很好的理由來整理我的站點地圖! – 2009-11-25 11:47:56

+0

灰塵選擇器 - 酷一直沿着這些線尋找東西 – PurplePilot 2009-11-25 13:47:27

+3

愛它!和Chrome瀏覽器的「屬性」>「工具」>「開發人員工具」 單擊「審覈」選項卡,然後運行「測試」工作 – danferth 2012-04-19 22:49:41

1

如果您運行灰塵選擇器,請記住在網站的每個頁面中運行它,以免刪除實際使用的任何樣式。

+0

如果您提供站點地圖,它將抓取所有這些頁面。 – Ikke 2009-11-27 06:07:18

+0

我不知道,非常感謝! – arturopuente 2009-12-01 03:39:16

相關問題