HTTP-Header in Google Chrome anzeigen?

560

Bis 9.x befanden sich die Header unter den Ressourcen in den Entwicklertools, aber jetzt kann ich sie nirgendwo finden.

nbro
quelle

Antworten:

832

Ich bin mir über Ihre genaue Version nicht sicher, aber Chrome hat eine Registerkarte "Netzwerk" mit mehreren Elementen. Wenn ich darauf klicke, werden die Überschriften rechts in einer Registerkarte angezeigt.

Drücken Sie F12auf Windows oder ⌥⌘IMac, um die Chrome-Entwicklertools aufzurufen.

Registerkarte "Header der Chrome-Entwicklertools"

Turm
quelle
55
Habe ich, danke! Die Seite musste neu geladen werden, um die Elemente anzuzeigen.
8
Das ist sehr nett! Ich habe den Chrome: // View-http-Cache / [url] -Hack verwendet, aber Ihre Lösung ist viel besser!
Nalply
31
Versuchen Sie es auch chrome://net-internals/.
XP1
67
Um die Antwort oben ein wenig zu verdeutlichen: Wenn Sie auf die Registerkarte Netzwerk klicken, sehen Sie zunächst rechts eine Übersicht in einem Tabellenformat mit einem Zeitplandiagramm. Wenn Sie in der Liste links auf eine einzelne Datei klicken, werden die im obigen Bild gezeigten Registerkarten angezeigt (einschließlich der Registerkarte Überschriften). Dies ist, was @Tower mit "Klick auf sie"
meinte
2
Mehr zu beachten: Wenn Sie keine Ressourcen sehen - schauen Sie sich den Registerkartenbereich ( All | XHR JSund usw.) an und wählen SieAll
Zanshin13
22

Ab Google Chrome Version 46.0.2490.71 m ist der Infobereich Header für mich etwas versteckt. Zugreifen:

  1. Drücken Sie F12bei geöffnetem Browser auf, um auf die Web Developer-Tools zuzugreifen

  2. Klicken Sie beim Öffnen auf die Option "Netzwerk"

  3. Anfangs ist es möglich, dass die Seitendaten nicht vorhanden / aktuell sind. Aktualisieren Sie die Seite bei Bedarf

  4. Beachten Sie, dass die Seiteninformationen in der Liste angezeigt werden. (Stellen Sie außerdem sicher, dass "Alle" neben dem Kontrollkästchen "Daten-URLs ausblenden" aktiviert ist.)

siehe Screenshot

MrBCut
quelle
19

Ich habe die FireFox Header Spy-Erweiterung so sehr geliebt, dass ich eine HTTP Spy-Erweiterung für Chrome erstellt habe. Früher habe ich die Entwicklertools auch zum Debuggen von Headern verwendet, aber jetzt ist mein Leben so viel besser.

Hier ist eine Chrome-Erweiterung, mit der Sie Anforderungs-, Antwortheader und Cookies ohne zusätzliche Klicks direkt nach dem Laden der Seite anzeigen können.

Es behandelt auch Weiterleitungen. Es kommt mit einem unauffälligen Mikromodus, der nur eine handverlesene Auswahl von Antwortheadern anzeigt, und einem normalen Modus, der alle Informationen anzeigt.

https://chrome.google.com/webstore/detail/http-spy/agnoocojkneiphkobpcfoaenhpjnmifb

Genießen!

Michiel Roos
quelle
17

Meine Lieblingsmethode in Chrome ist das Klicken auf ein Lesezeichen:

javascript:(function(){function read(url){var r=new XMLHttpRequest();r.open('HEAD',url,false);r.send(null);return r.getAllResponseHeaders();}alert(read(window.location))})();

Fügen Sie diesen Code in Ihr Entwicklerkonsolen-Pad ein.

Quelle: http://www.danielmiessler.com/blog/a-bookmarklet-that-displays-http-headers

Mark Bowytz
quelle
9
Das bekommt nicht die aktuellen Header, sondern die Header für eine 2. Anfrage.
Nick
11

Sie finden die Header-Option auf der Registerkarte "Netzwerk" in der Entwicklerkonsole in Chrome:

  1. Drücken Sie in Chrome F12 , um die Entwicklerkonsole zu öffnen.
  2. Wählen Sie die Registerkarte Netzwerk. Auf dieser Registerkarte finden Sie Informationen zu den vom Browser ausgelösten Anforderungen.
  3. Wählen Sie eine Anfrage aus, indem Sie auf den Namen der Anfrage klicken. Dort finden Sie die Header-Informationen für diese Anforderung sowie einige andere Informationen wie Vorschau, Antwort und Timing.

In meiner Version von Chrome (50.0.2661.102) gibt es außerdem eine Erweiterung mit dem Namen LIVE HTTP-Header, die Informationen zu den Anforderungsheadern für alle HTTP-Anforderungen enthält.

Update: Bild hinzugefügt

Geben Sie hier die Bildbeschreibung ein

QWERTY
quelle
2
Nur für den Fall, dass jemand es benötigt: Wenn 'Übersicht anzeigen' aktiviert ist, wird es unter der Übersicht aufgelistet und ist möglicherweise nicht sichtbar (ist mir passiert). Sie können auf das Symbol "Übersicht ausblenden" klicken oder die Entwickler-Toolbox erweitern
Angel M.
@ Chris22 bitte werfen Sie einen Blick auf das Bild in der Post
Angel M.
@ AngelM. danke, ok also laut Bild ist die 'Showübersicht' kein Kontrollkästchen, sondern ein Symbol.
Chris22
8

Ich weiß, dass es eine akzeptierte Antwort gibt, aber ich empfehle

Einfache REST-Client-Erweiterung für Chrome.

Beispiel:

Z.B.

Leandro
quelle
0

Für Version 78.0.3904.87 ist OS = Windows 7, 64-Bit-PC

Schritte:

  1. Drücken Sie F12
  2. Wählen Sie die Registerkarte Netzwerk
  3. Wählen Sie XHR
  4. Unter Name -> sehen Sie alle XHR-Anfragen.
  5. Klicken Sie auf diese Anforderung, um die Anforderungsheader einer bestimmten XHR-Anforderung anzuzeigen. Alle Details zu dieser XHR-Anforderung werden auf der rechten Seite angezeigt.
Deepak Agrawal
quelle
0

Führen Sie die folgenden Schritte aus, um die HTTP-Header für Anforderungen oder Antworten in Google Chrome anzuzeigen:

  1. Besuchen Sie in Chrome eine URL (z. B. https://www.google.com), klicken Sie mit der rechten Maustaste und wählen Sie Überprüfen, um die Entwicklertools zu öffnen.
    Geben Sie hier die Bildbeschreibung ein
  2. Wählen Sie die Registerkarte Netzwerk.
  3. Laden Sie die Seite neu, wählen Sie eine HTTP-Anforderung im linken Bereich aus, und die HTTP-Header werden im rechten Bereich angezeigt.

Geben Sie hier die Bildbeschreibung ein

Zgpeace
quelle