Sprung zum Inhalt

Webdesign nach Maß von webdesign weisshart

Mein Blog

RSS Feed AbonnementRSS 2.0 Feed

zum Archiv und den Kategorien

Web Developer Addon für Firefox Beta

Samstag, 7. Juli 2012

Das für mich längst unentbehrliche Web Developer Addon von Chris Pederick gibt es in einer neuen Beta. Mit einem fantastischen neuen Feature:

Display Style Information zeigte bisher nur den ancestor path , etwa in der Form
html > body > div#wphead
Für Arbeiten am CSS musste man nun das esistierende CSS Zeile für Zeile durchsuchen, um relevante (auch vererbte) Deklarationen zu finden.

Die Beta machts jetzt einfach:

Screenshot 1
In Web Developer Menü (Toolbar) den Punkt CSS - Display Style Information wählen
Screenshot 2
Es öffnet sich eine Sidebar mit dem Hinweis: Select an element to display the styles applied to it Das zu untersuchende Element im Browserfenster mit der Maus auswählen.
Screenshot 3
In der Sidebar werden alle CSS Anweisungen für das ausgewählte Element übersichtlich aufgelistet.

Übersichtlicher geht's nicht mehr.
Wie bisher kann man mit CSS - Edit CSS eventuelle Änderungen direkt in Web Developer testen, und gegebenenfalls speichern.

Nachtrag 15.07.2012

Die Version 1.2 final gibt es hier zum Download



3 Kommentare

  1. Hallo Fritz,
    gibt es hier einen Unterschied zu Firebug?

    Kommentar von Peter — Freitag, 13. Juli 2012 - 16:20 Uhr

  2. Hallo Peter,

    es ist vermutlich einfach eine Frage der Gewohnheit oder der persönlichen Präferenz. Da ich nur selten mit Firebug arbeite, bzw. Firebug für andere Aufgaben einsetze, muss ich momentan leider eine Auflistung spezieller Unterschiede schuldig bleiben.

    Kommentar von Fritz — Freitag, 13. Juli 2012 - 16:57 Uhr

  3. It was so nice of you to share more about the web developer addon for Firefox Beta. The screen shot was very helpful in understanding the concept that you were trying to convey. I think this new add on will be a new trend in this field.

    Kommentar von Marthama — Dienstag, 18. Februar 2014 - 11:53 Uhr

Einen Kommentar abgeben

Damit Code-Beispiele richtig angezeigt werden, müssen Sonderzeichen maskiert werden (z.B. < zu &lt;).


(notwendig)

(notwendig)

Spamschutz:
Je nach Inhalt wird Ihr Kommentar eventuell nicht sofort angezeigt, sondern muss manuell freigeschaltet werden.

Archiv:

Kategorien:

Creative Commons Lizenzvertrag
Alle Texte (nicht Bilder!) Creative Commons CC BY-NC-SA 3.0 DE