WebDevelopment Blog

Die OpenSource Firefox-Extension Firebug sollte bei keinem Web-Entwickler fehlen! Sie ermöglicht es CSS, HTML und JavaScript in jeder Webseite zu editieren und auf Fehler zu untersuchen.

Firebug bettet sich in den Firefox-Browser ein und lässt sich in einem extra Fenster öffnen oder aber am Fußende des Browsers anzeigen. Mit der Extension lassen sich dann CSS, HTML sowie JavaScript in jeder Webseite in Echtzeit untersuchen und editieren. Die Suche nach bestimmten, auch tief im Code versteckten HTML-Elementen gestaltet sich somit sehr einfach. Auch CSS-Elemente werden von Firebug aufgelistet und lassen sich modifizieren.

Darüber hinaus bietet die Firefox-Extension die Möglichkeit, Ladezeiten der eigenen Webseite zu analysieren, um den Entwickler so darauf hinzuweisen, an welcher Stelle es hängt. Ein integrierter JavaScript-Debugger hilft außerdem bei der Suche nach Fehlern in den geschriebenen Skripten, sucht aber auch nach Leistungsproblemen. Damit der Webentwickler nicht die Übersicht verliert, gibt es außerdem ein Log.

>> Weitere Informationen über Firebug auf der offiziellen Homepage