1. 首頁
  2. 問答
  3. 驗證CSS文件

驗證CSS文件

2011-02-02 265 views
6

我有一個隨時間增長的CSS文件。許多編碼員已經走了，走了。該網站一直在改變，CSS中的一些代碼已不再使用。有沒有一種快速的方法來驗證正在使用什麼和不是什麼？我需要刪除不再使用的OLD代碼。即使有「網站地圖」的方法 - 這將證明更好。所有的建議，請。驗證CSS文件

來源

2011-02-02 Sean

+2

要小心，不要刪除獲得通過動態生成的代碼僅用於選擇。 – jricher 2011-02-02 14:54:39

回答

9

如果您使用Firefox，則可以使用Dust Me Selectors插件，該插件完全符合您的要求。它會爲您找到未使用的選擇器:)試試看！

此外，還有CSS Usage plugin，它看起來在你的CSS文件，並告訴你哪些沒有被使用。 :)

來源

2011-02-02 14:49:35 Kyle

2

我給了凱爾Sevenoaks +1作爲他的回答，因爲Dust Me Selectors是一個非常好的工具。

不過，我想補充幾點（超過我能適合在一個評論，所以寫這作爲一個答案）：

即使您將灰塵我得到的結果，你還是在查看結果時必須非常聰明，因爲它可能會導致誤報和漏報：

誤報可能出現在您的CSS中指定了選擇器但未在當前頁面上使用的位置。但請注意，它可能仍然在網站的其他頁面中使用，因此請不要在您的主頁上運行它，並期望獲得最終結果;您需要測試網站中的每個頁面併合並結果。另外，如果您有任何在運行時向頁面添加元素的Javascript代碼，或者更改了元素的類名，那麼他們可以選擇頁面首次加載時未使用的CSS選擇器。

如果在頁面中使用了選擇器，則可能會發生假陰性，但仍然是冗餘的，因爲它總是被覆蓋。像你所描述的網站是這類事情的成熟候選對象，在這種情況下，在不刪除舊的樣式的情況下，在以後的日期添加了新的樣式。我不知道Dust Me是否可以選擇這種類型的東西，但是他們確實可能很難找到，因爲您需要確保它們確實不會在這種情況下或任何其他環境中使用。

所以我的信息是，一個自動化的工具是一個好主意，我肯定會推薦Dust Me，但不要依賴它。

來源

2011-02-02 15:03:59 Spudley

+0

感謝您的+1！這是一些非常有用的建議！ – Kyle 2011-02-03 07:19:19

0

我發現Dust-Me選擇器對單個頁面工作正常，但我無法通過400多個URL（使用XML文件作爲索引）的網站獲取它。它通常會通過20到30個URL，然後掛起。關於哪些選擇器正在使用的累積報告似乎也不起作用 - 我猜測它只是顯示最後瀏覽的頁面的結果。

我在其他地方看到了有關蜘蛛抓取功能的類似評論。也許這只是不能可靠地工作？

來源

2011-09-12 21:10:52 Appetere

相關問題

 相關問題