2008-11-18 11 views
10

Mein Projekt hat im Laufe seiner Entwicklung CSS-Entropie (nicht verwendete Klassen) gesammelt.Wie kann ich nicht verwendete CSS-Klassen aus meinem Website-Projekt entfernen?

Jetzt, um die CSS-Datei klein zu halten, möchte ich alle nicht verwendeten CSS-Referenzen entfernen. Dazu muss jedoch manuell nach jeder Klasse im gesamten Projekt gesucht werden. Das braucht Zeit.

Kennen Sie einen Weg/ein Tool, mit dem ich herausfinden kann, welche CSS-Klassen in meinem Projekt nicht mehr verwendet werden, und diese entfernen?

Ich programmiere auf ASP.NET. Visual Studio

+0

Siehe fast identische Frage hier: http://stackoverflow.com/questions/135657/tool-to-identify-unused-css-definitionen –

Antwort

11

Sie können diese Firefox-Erweiterung nützlich finden: http://www.sitepoint.com/dustmeselectors/

+0

FYI, diese Erweiterung funktioniert nicht mit Firefox 4.0 + – TMC

+0

Es sieht aus wie es eine neue Version v3.0 auf der Website des Autors verfügbar ist, sowie eine Version für Opera - http://www.brothercake.com/ – Funka

+0

Es gibt eine neue 4-Version von der Mozilla-Website: https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/ –

4

Ich schrieb ein Tool, mit dem Sie alle Klassen- und CssClass-Attribute in Ihrem aspx-Quellcode finden können.

Siehe meine blog entry für Informationen und Download.

+0

Danke ... werde es jetzt überprüfen. –

+0

Nettes Werkzeug. Danke – Obsidian

11

Im Chrome-Browser, drücken Sie F12, gehen Sie auf die Registerkarte Audit, wählen Sie die „Seite neu laden und Prüfung auf Load“ Option, und die Seite aktualisieren. Chrome listet alle nicht verwendeten CSS-Regeln auf. Für eine Online-Lösung gehen Sie zu unused-css.com.

+0

er will eine Lösung, kein Audit, Chrome-Browser zeigt nur ungenutzt Klassen, aber sie nicht sauber –

Verwandte Themen