Netzwerkmonitor für Webentwickler


9

Bei Verwendung von Google Chrome gibt es ein praktisches Netzwerkmonitor-Tool. Das Chrome-Netzwerk-Tool verfolgt jedoch nur die aktuell geöffnete Webseite.

Es stehen viele komplizierte Netzwerkmonitor-Tools zur Verfügung, und ich benötige nur die Funktionen des Chrome-Netzwerkmonitor-Tools.

Um alle Aktivitäten des Browsers (Chrome, Firefox, IE usw.) im Auge zu behalten, suche ich nach einem Tool, das dieselbe Idee und Oberfläche wie das Chrome-Netzwerk-Tool hat.

Kennt jemand so ein Werkzeug?

Einige Screenshots mit den gewünschten Funktionen:

Eine Übersicht aller heruntergeladenen Dateien Eine Übersicht aller Netzwerkaktivitäten

Wenn Sie eine Datei auswählen, können Sie die Überschriften gut sehen Header

Und mit der Tab-Antwort ist der Inhalt des Körpers sichtbar Inhalt


Können Sie bitte einen Screenshot des Chrome-Netzwerkmonitors hochladen, damit ich weiß, wonach ich suchen muss? Wenn es sich um eine Erweiterung handelt, geben Sie im Chrome Web Store einen Link zur Seite der Erweiterung an.
Matan129

Dies ist der Standard in allen Chrome-Browsern, die Sie sehen können, wenn Sie mit der rechten Maustaste auf -> Inspizieren -> Netzwerk klicken. Ich werde einen Screenshot hochladen, wie Sie gefragt haben.
Botenvouwer

Großartig, ich habe nur kein Chrom installiert, also werde ich auf den Screenshot warten.
Matan129

OK, jetzt sehe ich die Screenshots. Dies ist jedoch ein Entwicklertool, das nur in Chrome (und ähnlichen Tools in anderen Browsern) verfügbar ist. Es fällt mir schwer zu glauben, dass es eine Art Webseiteninspektionstool wie dieses gibt, das für den gesamten laufenden Verkehr gilt. Aber ich werde trotzdem einige Nachforschungen anstellen. Wenn ich etwas finde, schreibe ich so schnell wie möglich eine Antwort.
Matan129

However the chrome network tool only keeps track of the current open webpage- Sehen Sie in der unteren Leiste den ausgefüllten Kreis? Klicken Sie darauf, und die Netzwerkaktivität wird zwischen den Webseiten beibehalten.
Izkata

Antworten:


22

Versuchen Sie Fiddler von http://fiddler2.com/

Ich verwende das für die Webentwicklung und finde es besonders praktisch, dass Sie damit eine zuvor aufgezeichnete http-Anfrage ändern und wiedergeben können.


2

Es sieht so aus, als wären Sie an HTTP-Headern und -Inhalten interessiert, aber für den gesamten Datenverkehr. Obwohl es sich um ein komplexeres Tool handelt, kann Wireshark trotz des anfänglich einschüchternden Layouts und der Fülle an Funktionen problemlos das bereitstellen, wonach Sie suchen.

  1. Wireshark ausführen
  2. Wählen Sie den Adapter aus, der kommunizieren soll (z. B. Ihren Internetadapter), und beginnen Sie mit der Erfassung
  3. Geben Sie im Feld "Filter:" "http.request" (ohne Anführungszeichen) ein und klicken Sie auf Übernehmen

Die resultierende Ausgabe enthält jede Anforderung Ihres Systems (dies ist möglicherweise mehr als nur Ihre Browsersitzung: Möglicherweise möchten Sie den Datenverkehr weiter filtern, indem Sie dem Filter "&& ip.addr ==" hinzufügen, wenn Sie zu viel erhalten Verkehr in Ihrer Ausgabe). Wenn Sie nur den Servernamen kennen, können Sie "nslookup.com" in einer Befehlszeile verwenden, um die IP-Adresse des Servers aufzulösen.

Wenn Sie im oberen Frame von Wireshark auf eine Anfrage klicken, werden im mittleren Frame die darin enthaltenen Ebenen angezeigt. Erweitern Sie die Ebene "Hypertext Transfer Protocol", indem Sie das + daneben drücken, um die Header für die Anforderung anzuzeigen.

Wenn Sie die Antwort-Header oder -Inhalte anzeigen möchten, klicken Sie mit der rechten Maustaste auf die gewünschte Anfrage im oberen Frame und klicken Sie auf "TCP-Stream folgen".

HINWEIS: Bei alledem wird davon ausgegangen, dass Sie nicht versuchen, Datenverkehr zu einem Webserver zu erfassen, der auf localhost 127.0.0.1 gehostet wird.


0

Ich habe Charles gefunden . Es ist kostenlos und für Windows, Linux und Mac verfügbar. Sieht meiner Meinung nach den Chromes-Entwicklungstools sehr ähnlich.


Dieses Tool ist eher ein Firefox-Plug-In und nicht kostenlos. Es ist eine 30-Tage-Testversion!
Botenvouwer

Richtig, ich habe es nicht bemerkt.
Matan129
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.