Firebug: Webentwickler-Browser-Erweiterung jetzt für Chrome, IE, Safari, Opera verfügbar

Frank Ritter

Firebug Icon
Wer Internetseiten programmiert, kommt an der Erweiterung Firebug nicht vorbei. Mit ihr ist es möglich, einzelne Elemente im HTML- und CSS-Code genau zu untersuchen. Wer etwa wissen will, wieviel Außen- und Innenabstand ein bestimmter div-Container hat, kann mit Firebug genau sehen, welche CSS-Klassen und Beschreibungen für das Element wirksam sind. Außerdem kann man mit Firebug live das DOM manipulieren. Auf Deutsch: Man editiert den Quelltext einer Internetseite und die Änderungen sind sofort, ohne Reload, im Browserfenster sichtbar. Ideal zum Herumprobieren und Entwerfen neuer Seiten.

Webdeveloper jauchzen auf: Bis dato gab es Firebug nur als Firefox-Add-on, nun aber auch in Form einer Erweiterung für Google Chrome und als Bookmarklet für Safari, IE und Opera. Diese Versionen sind zwar abgespeckt, aber die wichtigsten Funktionen sind enthalten.

Firebug für Safari, Opera und IE (als Bookmarklet)

Firebug in Opera

Firebug Lite Bookmarklet Installation
Für Safari, Opera und den IE muss man Firebug Lite als Bookmarklet installieren. Dazu auf getfirebug.com/firebuglite den Link unter „Firebug Lite as Bookmarklet“ in die Lesezeichenleiste ziehen oder auf andere Weise als Lesezeichen hinzufügen.

Wenn man Firebug für eine Webseite aufrufen will, einfach auf das Bookmarklet in der Titelleiste klicken und los kann’s gehen.

Kostenloser Download: Firebug Lite (Bookmarklet)
Einfache Firebug-Version für Safari, IE und Opera

Firebug als Google Chrome-Erweiterung

Loadblog in Chrome mit Firebug

Nutzer von Google Chrome können, dank des seit Chrome 4 integrierten Erweiterungs-Systems, Firebug als „echte“ Erweiterung installieren. Diese ist zwar noch als Beta tituliert, funktioniert aber schon sehr gut. Firebug Lite für Google Chrome findet sich in der Chrome Extensions Gallery und hat gegenüber dem Bookmarklet einige Vorzüge.

  • JavaScript und Bilder werden vom Rechner des Nutzers geladen (bessere Performance).
  • Firebug Lite kann für bestimmte Domains aktiviert werden.
  • In der nächsten Version sollen externe Ressourcen eingelesen werden können.

Nachteile von Firebug Lite auf Google Chrome gegenüber Firebug auf dem Firefox

  • Kein JavaScript-Debugger
  • Kein „Netzwerk“-Reiter
  • Funktioniert nicht gut auf Seiten mit Frames

Kostenloser Download: Firebug Lite (Google Chrome-Extension)
Firebug jetzt auch für Chrome

Firebug für Mozilla Firefox

loadblog-firebug-firefox

Natürlich soll hier auch nicht der Klassiker unerwähnt bleiben: Im Firefox ist Firebug zuhause, mittlerweile in Version 1.5. Trotz der mittlerweile funktionierenden Fassungen in anderen Browser bleibt die Kombination Firefox + Firebug aufgrund der Stabilität, der vielen Features und der Erweiterbarkeit mit Firebug-Addons auch weiterhin das Nonplusultra für Webentwickler.

Kostenloser Download: Firebug 1.5 (Firefox-Addon)
Firebug klassisch, im Firefox

Neue Artikel von GIGA SOFTWARE

  • Instagram: Link in Story einfügen – so geht’s

    Instagram: Link in Story einfügen – so geht’s

    Ihr könnt bei Instagram einen Link in eure Story einfügen, um die Leute so zu einer Webseite zu bringen. Wie das geht, worauf ihr achten und welche Voraussetzungen ihr erfüllen müsst, erfahrt ihr hier.
    Marco Kratzenberg
  • Cloud-Dienste: Die besten Services zum online Daten speichern

    Cloud-Dienste: Die besten Services zum online Daten speichern

    Cloud-Dienste und -Services sind mittlerweile zum Standard geworden. Wo auch immer ihr euch befindet, könnt ihr über euer Smartphone oder den PC auf eure Daten zugreifen oder sie online abspeichern. Aber welche Cloud-Dienste bieten euch wie viel Speicherplatz, was bekommt man kostenfrei geboten und was kostet das Upgrade, wenn man später doch mehr Online-Speicher benötigt?
    Thomas Kolkmann 12
  • Puffin Web Browser

    Puffin Web Browser

    Der Puffin Web Browser ist für iOS- und Android-Geräte sowie auch für Windows verfügbar und verschafft euch einen Browser, der sich besonders durch seine hohe Geschwindigkeit auszeichnet.
    Marvin Basse
* gesponsorter Link