Firebug Net Panel

Copyright © Shutterstock / asharkyu

Was bedeutet Firebug Net Panel?

Das Firebug Net Panel ist ein Browser-Plugin, das es Benutzern (insbesondere Web-Entwicklern) ermöglicht, nützliche Informationen hinsichtlich der Interaktion einer Webseite mit dem Browser zu erhalten. Die Firebug-Befehlszeile akzeptiert Befehle, die in JavaScript geschrieben wurden. Das Ergebnis der Ausführung jedes Befehls wird in der Konsole angezeigt und als Hyperlink dargestellt. Die Firebug-Anwendung enthält mehrere Teilfenster, die verwandte Features in ein gemeinsames Fenster aufteilen. Firebug ermöglicht es Benutzern insbesondere auch, die Downloadzeit für einzelne Dateien anzuzeigen. Es trennt verschiedene Arten von Objekten, wie zum Beispiel JavaScript-Dateien und Bilder, und stellt fest, welche Dateien aus dem Cache eines Browsers geladen werden. Firebug bietet auch die Möglichkeit, HTTP-Header und Zeitstempel im Zusammenhang mit einer HTTP-Anfrage zu untersuchen.

Firebug Net Panel als Analyse-Tool

Der Hauptzweck des Net-Panels besteht darin, HTTP-Verkehr zu überwachen, der von einer Webseite initiiert wird, um dem Benutzer alle gesammelten und berechneten Informationen übersichtlich zu präsentieren. Der Inhalt des Panels besteht im Wesentlichen aus einer Liste von Einträgen, wobei jeder Eintrag einen Anfrage / Antwort-Zyklus darstellt, der zwischen der Seite und dem eigenen Browser durchgeführt wird. Jeder Eintrag enthält grundlegende Informationen über eine Anfrage und eine grafische Zeitleiste, die Ladephasen im Zeitverlauf darstellt. Anwender können beispielsweise erfahren, dass es 80 ms dauerte, um die Seite testPage.htm zu laden und nachdem diese geladen wurde, begann die Skriptdatei testScript.js zu laden, was weitere 25 ms dauerte.

Jeder Anfrageeintrag kann durch Klicken auf die Plus-Taste am linken Rand erweitert werden, um weitere Informationen anzuzeigen. Der Eintrag stellt tatsächlich beides dar: Sowohl die Anfrage, die an den Server gesendet wurde, als auch die Antwort des Servers, die auf diese Anfrage hin zurückkommt. Unabhängig ob Daten vom Server oder vom Browser-Cache geladen wurden, wird immer ein Request-Response Round-Trip durch einen Eintrag in der Liste dargestellt. Wenn ein Request eine Abfragezeichenfolge (URL–Parameter) verwendet, ist eine weitere Registerkarte “Parameter” verfügbar, die tabellarische Informationen zu allen in der Anfrage spezifizierten Parametern bereitstellt. Eine der nützlichsten Funktionen zum Debuggen der Seitenlade-Leistung ist eine Anforderungs-Timeline. Das Net-Panel verwendet diese grafische Darstellung, um die Ladezeit der Anfrage zusammen mit den Zeitdaten anzuzeigen. Jeder Anfrage-Antwort-Umlauf besteht aus mehreren Phasen, die in der Grafik durch unterschiedliche Farben dargestellt werden.