Wozu dient die Firebug für Firefox?

February 17

Firebug ist ein Open Source-Web-Entwicklung-Erweiterung für den Mozilla Firefox Web-Browser. Entworfen von Joe Hewitt, ein auf die ursprünglichen Entwickler von Firefox, Firebug ist eine unschätzbare Hilfe für Web-Entwickler und bietet eine Vielzahl von Tools, um beim Entwerfen von Webseiten und Debuggen. Die Firebug Working Group jetzt steuert Firebug und frei, regelmäßige Updates und Verbesserungen.

Was ist Firebug?

Firebug ist ein Firefox-Plugin, die den Browser zum Bearbeiten und Debuggen von HTML, CSS und JavaScript in Echtzeit und Berichterstattung über die Leistung Ihrer Web-Seite eine Reihe von nützlichen Tools hinzufügt. Net Registerkarte können Sie beispielsweise jede Web-Anforderung von der Seite gemacht, um vollständig geladen sehen. Firebug zeigt jede Anforderung im Detail, sowie die Größe und die Zeit für die Anforderung beendet. Dies hilft Ihnen zu finden alle Engpässe geeignet für Optimierung und Verbesserung der Website Ladezeiten. Sie können auch sehen, welche Dateien aus dem Cache des Browsers abruft und welche Dateien von Ihrem Server mit jeder Seitenanforderung geladen werden.

HTML-Features

Wenn eine Webseite mit dem Firebug-Panel öffnen geladen wird, zeigt Firebug den HTML-Quellcode für die Seite in einer Baumstruktur erweitern und reduzieren die Gebiete um speziellen Code zu sehen. Wenn Sie den Mauszeiger über den HTML-Quellcode bewegen, unterstreicht Firebug die entsprechenden Bereiche auf der Webseite. Ein Echtzeit-HTML-Editor können Sie HTML-Quellcode einer Webseite finden bearbeiten und die Auswirkungen von Änderungen sofort im Browserfenster angezeigt. Dies erleichtert Debuggen HTML-Layouts, wie Sie beispielsweise Pixelmaßen Leben, mit den Ergebnissen angezeigt sofort ändern können.

CSS-Features

Wenn Sie ein HTML-Element in der HTML-Quellansicht auswählen, zeigt Firebug automatisch alle CSS-Stile, die auf dieses Element, einschließlich solcher, die auf das Objekt speziell gelten und Stile, die das Element durch eine allgemeine Regel zu beeinflussen. Wie mehrere CSS-Dateien in einer Web-Seite geladen werden können, fasst Firebug die Stile aus jedes Blatt vor der Anzeige-Stile, die auf das ausgewählte Element anwenden. Sie können Style-Attribute in Echtzeit bearbeiten mit den Ergebnissen angezeigt, Leben im Browserfenster und Stile oder Attribute zu deaktivieren, falls erforderlich. Dadurch können Sie schnell alle Formatvorlagen verursacht Probleme bei der Anzeige aufzuspüren, und ihre Attribute ändern, bis Sie die gewünschte Ausgabe erhalten.

JavaScript-Funktionen

Die JavaScript-Konsole in Firebug dient zum Debuggen von Skripts in der Seite enthalten. Firebug kompiliert in einer Liste alle Skripts auf der Seite, ob intern oder extern, helfen Ihnen, schnell zu finden und zwischen Abschnitten der JavaScript-Code zu springen. JavaScript auf der Seite manuell angehalten werden kann, oder mit der Verwendung von benutzerdefinierten Haltepunkte, die den Code unterbrechen, wenn die Ausführung einen bestimmten Punkt erreicht. Sie können dann durch die Code--zeilenweise, mit dem Effekt des Codes Leben, Schritt ermöglicht Ihnen, die Route, die durch die Struktur des Programms zu sehen. Sie können auch den Inhalt von Codevariablen sehen, wie der Code ausgeführt wird, um zu überprüfen, dass der Code wie gewünscht verhält. JavaScript-Code kann direkt in der Konsole eingegeben und ausgeführt, sodass Sie einmalige Interaktionen mit Ihren Skripts zum Debuggen erstellen.