Ich weiß, dass es einfach ist, das CSS, das auf einen einzelnen Knoten in HTML angewendet wird, mit Tools wie der Firebug-Erweiterung für Firefox usw. zu erhalten.
Aber gibt es eine Möglichkeit, all das CSS zu sehen, das auf einer ganzen Seite oder einem größeren HTML-Fragment wirksam ist?
Genauer gesagt bereinigen wir unsere eine extrem große CSS-Datei in kleinere Module und möchten herausfinden, welche CSS auf einer bestimmten Seite verwendet wird, sodass wir alle nicht verwendeten CSS-Dateien in ein anderes Modul verschieben können.
>Danke euch allen! Dies sind die verschiedenen Lösungen, die ich mir jetzt aus Ihren Empfehlungen angesehen habe (hier zusammengestellt für Leute mit dem gleichen Problem):
Dust-Me Selektoren (Firefox Add-on)
Das macht genau das, was ich brauche. Listet verwendete und nicht verwendete CSS-Selektoren auf (für die aktuelle Seite oder die gesamte Site nach dem Spidering) und kann beide Listen als CSV-Text ausgeben. Großartig.
Ссылка
CSS-Nutzung (Firefox-Add-on)
Ссылка
WARI - Web Application Resource Inspector (Java-Tool)
Scheint nur statischen Code zu verarbeiten, nicht dynamisch erzeugtes HTML, wie es in den meisten Webanwendungen, die ajax verwenden, vorhanden ist. macht es leider nutzlos, zumindest für mich Ссылка
CSS-Redundanzprüfung (Ruby-Skript, erfordert Rubygems und Hpricot)
Ссылка
TopStyle (Nur-Windows-Anwendung, $ 79,95 (!!))
Ссылка
Diese sind alle plattformübergreifend und kostenlos, außer für TopStyle.
Soweit Tools verfügbar sind, können Sie das CSS-Nutzungs-Plugin für Hacker verwenden. Es wird Seiten für gebrauchte CSS analysieren.
Oder haben Sie nach einem Weg gesucht, es programmatischer zu machen?
Sie können Dust-Me Selectors ausprobieren, es ist ein Add-on für Firefox, wenn Sie verwenden Firebug, wie Sie angegeben haben, finden Sie möglicherweise CSS-Verwendung .