Wie identifiziere ich nicht verwendete CSS-Selektoren und -Regeln für CSS-Seiten, die mehrere Seiten umfassen und lokal installiert sind?


12

Ich bin auf der Suche nach einem Tool, mit dem nicht verwendete und / oder doppelte CSS-Selektoren und -Regeln mit den folgenden zwei Einschränkungen identifiziert werden können:

  • Das Tool muss in der Lage sein, CSS-Seiten zu analysieren, die für viele HTML-Seiten verwendet werden, sodass ein Tool wie Dust-Me nicht hilfreich ist.

  • Das Tool sollte auch auf einer lokalen Installation funktionieren, da ich mein CSS auch in der Entwicklungsphase überprüfen möchte. Dies würde Online-CSS-Verifizierer ausschließen.

Antworten:


5

Es gibt ein Firefox-Addon namens CSS Usage, das alle auf einer Seite verwendeten / nicht verwendeten Stile anzeigt.

Es behauptet, mehrere Seiten zu machen, aber meiner Erfahrung nach scheint es in seinen Ergebnissen etwas unzuverlässig zu sein. Unabhängig davon, es hat mir in der Vergangenheit ein paar geholfen.


1

Ich habe in der Vergangenheit mit einigem Erfolg Dust Me und CSS Usage ausprobiert, um eine erste Liste nicht verwendeter CSS-Selektoren zu erhalten. Dann konzentriere ich mich darauf, diese möglicherweise nicht verwendeten Selektoren manuell zu suchen. Zumindest reduziert dies den Umfang des Problems von Hunderten von Selektoren auf einige Dutzend.

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.