Nachdem ich das Firefox-Addon Firebug nun schon einige Zeit teste, wird es Zeit, es laut in die Welt hinauszuschreien: das Ding ist einfach nur genial! So übersichtlich und schön zugänglich war Scripting von HTML und CSS noch nie. Nachdem man das Teil unter Extras -> Firebug->Open Firebug aktiviert hat, wird die untere Hälfte des Browserfensters von Firebug belegt. In der linken Fensterhälte kann man das aktuelle Dokument hierarchisch durchsurfen, im rechten Fensterteil werden die für den aktuell links markierten HTML-Tag aktiven CSS-Angaben angezeigt, inklusive der Info, welche Werte nun von Elternelementen übernommen wurden und der Info, welche Angaben in welcher Datei in welcher Zeile stehen. Es werden auch die Angaben durchgestrichen, die im aktuellen CSS überschrieben wurden. Besonders praktisch: im CSS-Fenster von Firebug gemachte Änderungen werden im Dokument sofort als Vorschau gezeigt. Damit lassen sich neue Farben oder größere Ränder schnell und einfach testen, ohne jedesmal direkt im CSS-File herumfudeln zu müssen, denn das Original bleibt ja unberührt. Weiters lassen sich mit dem Schalter „Inspect“ Elemente auf der Website einfach per Mouseover im Quelltext der Page auffinden – auch ein unverzichtbares Feature. Fehler in Quelltexten und Javascripts werden ebenfalls prompt angezeigt. Ausserdem bietet Firebug etwa eine Ladezeitanalyse, aufgeschlüsselt nach Elementen auf der Webseite und eine Javascript-Konsole.
Fazit: ein Must-have für alle Web-Entwickler!
- Rezension vs. Rezession - Mi. 27.12.2023
- Was Corona und Lotto gemeinsam haben - Di. 9.11.2021
- Heute vor 20 Jahren hat das große Abenteuer Segeln für mich begonnen :-) - Mi. 28.4.2021