Dust-Me Selectors: Ungenutzte Selektoren mit Firefox aufspüren
Dust-Me Selectors ist eine neue Firefox-Erweiterung von SitePoint, die nicht verwendete CSS-Selektoren auf einer Seite aufspürt. Gerade bei älteren Sites, deren Stylesheets schon viele Änderungen mitgemacht haben, könnte ein Testlauf mittels Dust-Me Selectors nützlich sein. Die Erweiterung platziert ein kleines Icon in der Statusleiste des Browsers: Bei Klick wird die aktuell geöffnete Seite mit den eingebundenen Stylesheets verglichen. Die entsprechenden Fundstellen werden dann in einem neuen Fenster angezeigt. Die Daten werden gecacht und aktualisiert sobald weiter auf der Site navigiert wird. Nach gründlichem Surfen sollte man dann also alle Selektoren gelistet haben, die tatsächlich nicht verwendet werden und aus den Stylesheets gestrichen werden können. Diese Daten können im CSV-Format exportiert werden.
Werbeunterbrechung
Kommentare und Feedback (16)
Folgende Seiten verweisen auf diesen Beitrag
Werbung
Vorheriger Artikel: Movable Type 4.0 ist da, nächster Artikel: Neustart in den August
02.08.2007, 09:54
Das ist ja unglaublich schick.
Ein spitzenmässiger Tip, vielen Dank.
02.08.2007, 10:06
Super Sache. Danke. Genau sowas kann ich gerade brauchen.
02.08.2007, 11:11
mmhh… so richtig genial ist das noch nicht.
natürlich verwendet man bei einem stylesheet nicht alles auf jeder seite.
das plugin sollte die ganze seite durchsuchen und dann “schimpfen”.
trotzdem danke :-)
02.08.2007, 11:25
Deshalb wird auch alles in den Cache gelegt wenn Du weiter surfst. Siehe oben und bei Sitepoint.
02.08.2007, 11:43
Danke für den Hinweis, nützliche Sache!
02.08.2007, 11:53
ahh.. jetzt hab ich’s :-)
02.08.2007, 11:58
Eine nette Idee, allerdings sollte man sehr vorsichtig damit umgehen und nicht wie wild das CSS entrümpeln. :)
Zum einem müssen sämtliche Unterseiten geparst werden und selbst dann stimmt das Ergebnis evtl. noch nicht, da z. B. nachgeladenens CSS (Javascript) nicht erkannt wird.
Es ist also ratsam, die Skripte und Templates nochmal zur Kontrolle nach den Klassen zu durchsuchen.
02.08.2007, 16:03
Super Tipp, kann Ich auch gut gebrauchen. Ansonsten hilft mir bei solchen Problemen immer eine befreundete Werbeagentur.
Gruss Sebastian
03.08.2007, 20:16
Cooles Plugin, werde ich gleich mal probieren. Ich entwerfe selten komplett neue CSS, sondern nehme eher bestehende von mir und baue darauf auf. Die durchsuche ich zwar gründlich und code die immer so ordentlich, dass man alles schnell finden müsste, trotzdem weiß man ja nie, was man an Altlasten mitschleppt.
Natürlich sollte man vorsichtig sein und nicht direkt löschen, sondern erst mal suchen, ob es nicht doch irgendwo gebraucht wird. Zur Not immer vorher ein Backup machen (oder einen vernünftigen Editor nutzen, bei dem man beliebig oft zurück gehen kann, Zend Bspw.)
07.08.2007, 18:31
Danke dir für den Linktipp, die Seite die ich eben bearbeite ist zwar noch nicht wirklich alt aber dennoch sehr “verwurschtelt”.
08.08.2007, 11:59
Nützliches Programm, danke für den Hinweis. Man muss halt nur aufpassen, dass man alle relevanten Seiten ansurft, sonst könnte das Ganze leicht nach hinten losgehen.
20.08.2007, 17:03
Ich hab mir die Extension wegen dem, was supeermario sagt wieder deinstalliert. Das mit dem Cache hab ich nicht gewusst, wie gut, dass ich diese Seite noch gefunden hab!
26.08.2007, 12:33
Danke für den sehr nützlichen Tip ;-)
05.09.2007, 22:49
Muss ich dann alle Selektoren von hand aus der CSS löschen oder kann man sich das auch erleichtern?
01.11.2007, 21:59
Ein wirklich interessantes Tool. Ob diese nicht jedoch besser auf einer Webseite aufgehoben wäre, als sich damit den Firefox vollzuballern, ist sehr fraglich.
Das Tool ist aber an sich eine sehr gute Idee.
03.08.2008, 13:37
Funktioniert leider nicht mehr mit Firefox 3, oder gibt’s da schon was Neues?