Firebug, eine Erweiterung für Firefox, ist ein Entwicklungstool für Webentwickler.
Firebug überprüft den Quellcode von Webseiten auf Fehler und zeigt HTML-, CSS-, Javascript und Geschwindigkeiten an. Somit ist es möglich den Code von Webseiten zu editieren um HTML-/CSS-Änderungen am Live-System zu testen.
Im Untersuchen-Modus kann mit einem Klick auf eine Quelltext-Passage ganz leicht das dazugehörige CSS gefunden werden.
Im Bearbeiten-Modus lässt sich temporär der Qelltext und das CSS bearbeiten.
Selbst für Firebug gibt es mittlerweile schon Erweiterungen, wie z. B. YSlow.
Hierbei handelt es sich um ein Performance Tool, wobei das Y wohl für Yahoo steht.
YSlow führt Performance-Test durch und stellt die Ergebnisse mit Tipps und Grafiken zur Verfügung.
Update:
Ein ähnliches Werkzeug ist nun auch im Internet Explorer 8 (IE8) vorhanden und nennt sich "Entwicklertools". Aktivieren kann man es auch mit F12 oder über Extras -> Entwicklertools
Im IE8 Entwicklertool lassen sich ebenfalls HTML, CSS und Scripts anzeigen und im Live-System testen. Außerdem lässt sich über das Entwicklertool der Browsermodus auf Internet Explorer 7, Internet Explorer 8 und Internet Explorer 8-Kompatibilitätsansicht einstellen.
Last but not least ... auch der aktuelle Opera-Browser bringt unter Ansicht -> Entwicklerwerkzeuge (Opera Dragonfly) solch ein Tool mit.
Feed