Suche Firefox-Extension, die CSS-Blöcke zeigt

[michaelbach]

Liebe Apfeltalker:

ich hatte mal eine extension für Firefox, die zeigte an wie die "Blöcke" der CSS-basierten Seitenstruktur sich überlagerten -- graphisch und auch textlich wenn ich mich recht erinnere (oder so ). Kennt jemand das? Leider habe ich völlig den Namen vergessen und finde es auch nicht mehr.

Vielen Dank für Eure Hilfe bei dieser etwas blöden Frage…

 

[stk]

Moin,

ich denke Du meinst die WebDeveloper Extension von Chris Pederick: https://addons.mozilla.org/firefox/60/

BTW: so was ähnliches gibt es zwischenzeitlich auch für Safari:
WebDevAdditions

Gruß Stefan

 

[kauan]

Hallo Michael

Ich verstehe nicht ganz, was du suchst, verstehe es aber so:

<style type="text/css">
    <!--
        * { border: solid 1px black; }
    -->
</style>

Gruss
Jonathan

 

[stk]

Moin,

<style type="text/css">
    <!--
        * { border: solid 1px black; }
    -->
</style>

Yep, so ähnlich debugge ich auch, allerdings pro Element einen Extraeintrag in unterschiedlichen Farben der Übersichtlichkeit wegen. Oder auch mal die grobe Kelle um Blöcke passend zueinander zu rücken:

    <!--
        #div1 { background: #f00; }
        #div2 { background: #0f0; }
        #div3 { background: #00f; }
    -->

Gruß Stefan

 

[michaelbach]

stk hat gewonnen, vielen Dank! Das war dieser "Outline"-Befehl, an den ich mich erinnerte. Komisch dass ich das in der allgemeinen Extensionsliste unter "Developer" nicht gefunden habe.

Die "div"s mit ner Hintergrundfarbe zu hinterlegen geht auch gut, ist mir aber i.A. zu lästig.

Und der Hinweis auf die Safari Webadditions ist auch toll, das kann ich zu Hause benutzen (hier im Klinikum stürzt Safari wg. der Firewall {ein alter Fehler von Safari, der immer schlimmer wird} ganz schnell und zuverlässig ab...

Wieder einmal zeigte sich AT von seiner besten Seite!

 

[supermario]

...und jetzt (neu?) firebug
sollte zum "developen" auch funktionieren