CSS Viewer und X-Ray: Firefox-Erweiterungen für Webdesigner
Aktuell geistern zwei Erweiterungen für Firefox durch die Blogwelt, die es Webdesignern erlauben, einen schnellen Blick auf den einer Seite zugrunde liegenden Code zu werfen. Die Extension CSS Viewer (rechts) kann über das Menü Tools oder ein Toolbar-Icon aufgerufen werden. Einmal aktiviert, zeigt sie die CSS-Eigenschaften des Elements an, das sich gerade unter der Maus befindet. Ein Klick auf das Toolbar-Icon deaktiviert den Viewer dann wieder. Die Erweiterung X-Ray unterzieht die Seite einem »Röntgenblick« und zeigt das Markup innerhalb der Seite selbst an.
Eine ebenfalls schöne Erweiterung in diesem Zusammenhang ist die Aardvark Erweiterung (Artikel), die Blockelemente beim Überfahren mit der Maus hervorhebt und benennt.
In keinem Firefox, Flock oder Seamonkey sollte die eierlegende Wollmichsau Web Developer Extension fehlen.
Werbeunterbrechung
Kommentare und Feedback (6)
Folgende Seiten verweisen auf diesen Beitrag
Vorheriger Artikel: Nackedei Webseiten am CSS Naked Day, nächster Artikel: NO!SPEC - feste Rahmenbedingungen für Designarbeiten
03.04.2006, 10:10
Großartig – sowas gab’s bisher nur kostenpflichtig für den Mac: http://www.culturedcode.com/xyle/
Allerdings ist die Schrift der Css-Viewer Extension bei mir arg unlesbar.
03.04.2006, 11:16
Michael, das Problem mit der Schrift habe ich auch. An Xyle kommt die Erweiterung aber lange nicht ran, finde ich.
03.04.2006, 19:39
Den CSSViewer kannte ich noch nicht. Hat noch einige kleine Macken (“Zittern” wenn man über zwei Elementen ist, Anzeige ist teilweise nicht sichtbar, d.h. sie verschwindet außerhalb des Browser-Viewports). Ähnliches biete ja eigentlich die Webdeveloper Extension per »Display Element Information« wenn dort in künftigen Versionen noch einige Daten hinzugefügt werden, ist der CSSViewer überflüssig. ;-)
XRay hat mich erstaunt. Ich dachte zunächst an Hand der Beschreibung, daß der Sinn auch durch Webdeveloper abgedeckt wäre, aber diese Darstellungsart gibt es dort noch nicht. Ein kleines und wirklich hilfreiches Tool.
05.04.2006, 09:15
Ich hatte den CSSViewer auch mal installiert, finde ihn aber ziemlich nutzlos. Das Ding rechnet um, gibt also mehr die Infos des DOMInspektors aus. Aardvark in Kombination mit “View formatted source” mit ist um einiges besser
05.04.2006, 09:28
Jens, das geht mir ähnlich. Ich dachte, es liegt an mir und meinen eingetretenen Pfaden. Ich bleibe beim DOM-Inspektor bzw. Xyle.
13.05.2007, 11:20
Hi My Name Is ivazlg.