有沒有從框架中刪除未使用的類的應用程序？

Question

爲了讓你瞭解我正在做的事情，OOCSS框架使用了大量的類，我即將打包一個約2.5兆的移動網站，並且希望刪除所有未使用的類從文件中。當然，我可以手工做到這一點，但如果這樣的事情存在未來就會容易得多。

Answer 1

有一個Firefox擴展名爲Dust Me Selectors

它提取所有的選擇從你正在瀏覽的網頁上的所有樣式表，然後分析該網頁，看看有哪些選擇都沒有使用。數據存儲在您的用戶首選項中，因此，當您繼續瀏覽網站時，選擇器會在遇到時從列表中移除。 您最終將得到一個配置文件，該配置文件不會在網站上的任何位置使用。

或給用的CSS從一個未使用的CSS站點嘗試

http://unused-css.com/

---

：

Latish Sehgal已經編寫了一個Windows應用程序來查找和刪除未使用的CSS類。我沒有測試它，但從描述中，你必須提供你的HTML文件和一個CSS文件的路徑。程序會列出未使用的CSS選擇器。從屏幕截圖看來，無法導出此列表或下載新的乾淨CSS文件。它看起來像服務僅限於一個CSS文件。如果您想要清理多個文件，則必須逐個清理它們。

Dust-Me Selectors是一個Firefox擴展（v1.5或更高版本），它可以找到未使用的CSS選擇器。它從您正在查看的頁面上的所有樣式表中提取所有選擇器，然後分析該頁面以查看哪些選擇器未被使用。然後存儲數據，以便在測試後續頁面時，可以在遇到選擇器時將選擇器從列表中刪除。這個工具應該能夠蜘蛛整個網站，但不幸的是我可以使它工作。另外，我不相信你可以配置和下載刪除樣式的CSS文件。

Topstyle是一個Windows應用程序，包括一堆編輯CSS的工具。我沒有太多的測試，但它看起來像它有能力刪除未使用的CSS選擇器。該軟件的費用爲80美元。

Liquidcity CSS清理器是一個php腳本，它使用正則表達式來檢查一個頁面的樣式。它會告訴你在HTML代碼中不可用的類。我還沒有測試過這個解決方案。

Deadweight是一個CSS覆蓋工具。給定一組樣式表和一組URL，它確定哪些選擇器實際使用，並列出哪些可以「安全」刪除。這個工具是一個紅寶石模塊，只能用於rails網站。未使用的選擇器必須從CSS文件中手動刪除。

Helium CSS是一個JavaScript工具，用於在網站上的許多頁面上發現未使用的CSS。您首先必須將JavaScript文件安裝到您要測試的頁面上。然後，您必須調用氦氣功能才能開始清潔。

UnusedCSS.com是一個易於使用的界面的Web應用程序。輸入一個網站的網址，你會得到一個CSS選擇器列表。對於每個選擇器，數字表示使用選擇器的次數。這項服務有一些限制。 @import語句不受支持。您無法配置和下載新的乾淨的CSS文件。

CSSESS是一個書籤，可以幫助您找到任何網站上未使用的CSS選擇器。這個工具很容易使用，但它不會讓你配置和下載乾淨的CSS文件。它只會列出未使用的CSS文件。