如何識(shí)別未使用的CSS定義是否有任何好的方法來幫助識(shí)別項(xiàng)目中未使用的CSS定義？一堆CSS文件被拉進(jìn)來了，現(xiàn)在我正試圖清理一些東西。
3 回答
12345678_0001
TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超5個(gè)贊
侃侃無極
TA貢獻(xiàn)2051條經(jīng)驗(yàn) 獲得超10個(gè)贊
拉蒂什·塞加爾 編寫了一個(gè)windows應(yīng)用程序來查找和刪除未使用的CSS類。我還沒有測(cè)試它，但是根據(jù)描述，您必須提供html文件和一個(gè)CSS文件的路徑。然后，該程序?qū)⒘谐鑫词褂玫腃SS選擇器。從屏幕截圖看，似乎沒有辦法導(dǎo)出這個(gè)列表或下載一個(gè)新的干凈的CSS文件。它還看起來該服務(wù)僅限于一個(gè)CSS文件。如果你有多個(gè)你想要清理的文件，你必須一個(gè)地清理它們。
塵埃落定選擇器 是一個(gè)Firefox擴(kuò)展(用于v1.5或更高版本)，它查找未使用的CSS選擇器。它從正在查看的頁(yè)面上的所有樣式表中提取所有選擇器，然后分析該頁(yè)面以查看哪些選擇器未被使用。然后存儲(chǔ)數(shù)據(jù)，以便在測(cè)試后續(xù)頁(yè)面時(shí)，可以在遇到選擇器時(shí)將其從列表中刪除。這個(gè)工具應(yīng)該能夠蜘蛛整個(gè)網(wǎng)站，但不幸的是，我可以使它工作。此外，我不相信您可以配置和下載CSS文件的樣式刪除。
托普風(fēng)格 是一個(gè)Windows應(yīng)用程序，包括一組用于編輯CSS的工具。我還沒有對(duì)它進(jìn)行太多的測(cè)試，但看起來它有能力刪除未使用的CSS選擇器。這個(gè)軟件花費(fèi)80美元。
液城CSS清潔器 是一個(gè)php腳本，它使用正則表達(dá)式檢查一個(gè)頁(yè)面的樣式。它將告訴您哪些類在HTML代碼中不可用。我還沒測(cè)試過這個(gè)解決方案。
載重量 是CSS覆蓋工具。給定一組樣式表和一組URL，它確定哪些選擇器實(shí)際使用，哪些列表可以“安全”刪除。這個(gè)工具是一個(gè)紅寶石模塊，將只與Rails網(wǎng)站工作。未使用的選擇器必須手動(dòng)從CSS文件中刪除。
氦 CSS是一個(gè)javascript工具，用于在網(wǎng)站上的許多頁(yè)面中發(fā)現(xiàn)未使用的CSS。首先，必須將javascript文件安裝到要測(cè)試的頁(yè)面。然后，你必須調(diào)用一個(gè)氦函數(shù)來開始清理。
UnusedCSS.com是一個(gè)易于使用的Web應(yīng)用程序。鍵入站點(diǎn)的url，您將得到CSS選擇器的列表。對(duì)于每個(gè)選擇器，一個(gè)數(shù)字表示一個(gè)選擇器使用了多少次。此服務(wù)有一些限制。不支持@import語(yǔ)句。您無法配置和下載新的干凈CSS文件。
CSSESS 是一個(gè)書簽，可以幫助您在任何網(wǎng)站上找到未使用的CSS選擇器。這個(gè)工具很容易使用，但是它不會(huì)讓你配置和下載干凈的CSS文件。它將只列出未使用的CSS文件。
添加回答
舉報(bào)
0/150
提交
取消