Gibt es gute Ansätze, um nicht verwendete CSS-Definitionen in einem Projekt zu identifizieren? Ein paar CSS-Dateien wurden eingezogen und jetzt versuche ich, die Dinge ein bisschen aufzuräumen.
css
performance
optimization
code-cleanup
jswanson
quelle
quelle
Antworten:
Schauen Sie sich die Firefox-Erweiterung Dust-Me unter https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/ an .
quelle
Die Chrome Developer Tools verfügen über eine Registerkarte " Audits", auf der nicht verwendete CSS-Selektoren angezeigt werden können.
Führen Sie eine Prüfung, dann unter Web - Seite Leistung siehe Entfernen von nicht verwendeten CSS - Regeln
quelle
Ich habe gerade diese Seite gefunden - http://unused-css.com/
Sieht gut aus, aber ich müsste das ausgegebene "saubere" CSS gründlich überprüfen, bevor ich es auf eine meiner Websites hochlade.
Ebenso wie bei all diesen Tools müsste ich überprüfen, ob keine IDs und Klassen ohne Stil entfernt wurden, sondern als JavaScript-Selektoren verwendet werden.
Der folgende Inhalt stammt von http://unused-css.com/. Wir danken ihnen daher für die Empfehlung anderer Lösungen:
quelle
Google Page Speed kann das für Sie tun (es kann viel mehr als nur sagen, welches CSS nicht verwendet wird). Unter FireFox ist es als FireBug-Add-On verfügbar. Dann gibt es noch eine Online-Version.
quelle
Ein besserer CSS-Minifier in C # gibt redundante Stile aus.
Sie möchten auch Dust-Me damit verwenden.
Denken Sie daran, wenn es Inhalte gibt, die für Dust-Me derzeit nicht sichtbar sind, können Sie die benötigten Stile wegwerfen.
BEARBEITEN: Link war defekt, aber archive.org hat sowohl die Seite als auch den Code.
quelle
CSS-Nutzung
Firebug-Erweiterung, um anzuzeigen, welche CSS-Regeln tatsächlich verwendet werden.
CSS Usage ist eine Erweiterung für Firebug (daher muss Firebug installiert sein), mit der Sie nicht verwendete CSS-Stilregeln kennen. Es identifiziert das CSS, das Sie verwenden und nicht verwenden. Sie können darauf hinweisen, welche unnötigen Teile entfernt werden können. Sie sollten dieses Add-On auf jeden Fall verwenden, um Ihre CSS-Dateien so leicht wie möglich zu halten.
quelle
Es sieht so aus, als hätte jemand DustMe Selectors aktualisiert, um wieder mit Firefox unter einem neuen Namen zu arbeiten - 'CSS Roundup' http://blog.brothersmorrison.com/?p=198
quelle
Verwenden der Internet Explorer Developer Toolbar , s Ansicht> CSS-Auswahlübereinstimmungen : Zeigen Sie einen Bericht aller festgelegten Stilregeln an und wie oft sie auf der aktuellen Seite verwendet werden.
quelle
Schauen Sie sich Googles PageSpeed für Firefox an . Es macht das und eine ganze Menge mehr.
Anscheinend ist auch ein Chrome-Plugin in der Entwicklung.
quelle