2009-11-25 9 views
6

Ich habe eine DotNetNuke Haut, die eine einzige CSS-Datei über 3.500 Zeilen lang hat. Es enthält Stile für YUI, Telerik, Cluetip sowie die tatsächliche Anpassung der Website. Die alten Entwickler haben immer neue Styles hinzugefügt und nie die alten unbenutzt.Finden Sie alle CSS-Stile auf der Website verwendet

Ich möchte die Datei aufräumen und es zu einer besser managable Größe bringen. Ich dachte zuerst über das Scannen der Code-Basis, aber das ist 5.500 Dateien mit einer Mischung aus CSS in den ASPX-, ASCX-und CS-Dateien sowie jQuery Stil-Anwendungen manchmal aus generierten Code und manchmal aus JS-Dateien angewendet. Einige Stile werden mit Klassenselektoren und andere mit ID-Selektoren angewendet.

Gibt es eine Möglichkeit, einfach zu überprüfen, welche Stile die Website tatsächlich auf allen ihren Seiten benötigt? Gibt es einen Crawler, der das könnte?

Antwort

19

Für firefox gibt es ein Add-in namens dust-me-selectors. Wenn Sie eine Sitemap bereitstellen, werden alle nicht verwendeten CSS-Stile gefunden.

+0

Wirklich tolles Werkzeug, genau das, was ich brauchte, und ein weiterer guter Grund, meine Sitemap zu sortieren! –

+0

dust-me-selectors - Cool auf der Suche nach etwas in dieser Richtung – PurplePilot

+3

Liebe es! und für Chrome 'Properties> Tools> Developer Tools Klicken Sie auf die Registerkarte Audits, und führen Sie den Test funktioniert auch – danferth

1

Wenn Sie Staub-Me-Selektoren ausführen, denken Sie daran, es auf jeder Seite Ihrer Website auszuführen, damit Sie keine Stile löschen, die tatsächlich verwendet werden.

+0

Wenn Sie eine Sitemap geben, wird es alle diese Seiten spinnen. – Ikke

+0

Ich wusste das nicht, vielen Dank! – arturopuente