Visualizza le intestazioni HTTP in Google Chrome?

Fino alle 9.x, le intestazioni erano sotto le risorse negli Strumenti per gli sviluppatori, ma ora non riesco a trovarle da nessuna parte.

Non sono sicuro della tua versione esatta, ma Chrome ha una scheda "Rete" con diversi elementi e quando faccio clic su di essi posso vedere le intestazioni sulla destra in una scheda.

Premi F12su Windows o ⌥⌘Isu un Mac per visualizzare gli strumenti di sviluppo di Chrome.

Per me, a partire dalla versione di Google Chrome 46.0.2490.71 m, l'area delle informazioni delle intestazioni è un po 'nascosta. Accedere:

1. Mentre il browser è aperto, premere F12per accedere agli strumenti per gli sviluppatori Web

2. Quando aperto, fai clic sull'opzione "Rete"

3. Inizialmente, è possibile che i dati della pagina non siano presenti / aggiornati. Aggiorna la pagina se necessario

4. Osservare le informazioni sulla pagina visualizzate nell'elenco. (Assicurati inoltre che "Tutti" sia selezionato accanto alla casella di controllo "Nascondi URL dati")

vedi screenshot

Ho amato così tanto l'estensione FireFox Header Spy che ho creato un'estensione HTTP Spy per Chrome. Usavo anche gli strumenti di sviluppo per il debug delle intestazioni, ma ora la mia vita è molto meglio.

Ecco un'estensione di Chrome che ti consente di visualizzare richieste, intestazioni di risposta e cookie senza alcun clic aggiuntivo subito dopo il caricamento della pagina.

Gestisce anche i reindirizzamenti. Viene fornito con una micro-modalità discreta che mostra solo una selezione selezionata di intestazioni di risposta e una modalità normale che mostra tutte le informazioni.

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

Godere!

Il mio modo preferito in Chrome è fare clic su un bookmarklet:

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

Inserisci questo codice nella tua console sviluppatore.

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

Puoi trovare l'opzione delle intestazioni nella scheda Rete nella Console per gli sviluppatori in Chrome:

1. In Chrome premi F12 per aprire la console dello sviluppatore.
2. Seleziona la scheda Rete. Questa scheda fornisce le informazioni sulle richieste attivate dal browser.
3. Seleziona una richiesta facendo clic sul nome della richiesta. Qui puoi trovare le informazioni di intestazione per quella richiesta insieme ad alcune altre informazioni come Anteprima, Risposta e Tempistica.

Inoltre, nella mia versione di Chrome (50.0.2661.102) , fornisce un'estensione denominata LIVE HTTP Headers che fornisce informazioni sulle intestazioni della richiesta per tutte le richieste HTTP.

aggiornamento: immagine aggiunta

So che c'è una risposta accettata ma lo consiglio

Semplice estensione client REST per Chrome.

esempio:

Per la versione 78.0.3904.87, OS = Windows 7, PC a 64 bit

passi:

1. Premi F12
2. Seleziona la scheda Rete
3. Seleziona XHR
4. Sotto Nome -> puoi vedere tutte le richieste XHR fatte.
5. Per visualizzare le intestazioni di richiesta di una particolare richiesta XHR, fare clic su quella richiesta. Tutti i dettagli su tale richiesta XHR appariranno sul lato destro.

Per visualizzare le intestazioni HTTP di richiesta o risposta in Google Chrome, procedere come segue:

1. In Chrome, visita un URL (come https://www.google.com), fai clic con il pulsante destro del mouse, seleziona Controlla per aprire gli strumenti di sviluppo.
   
   
2. Seleziona la scheda Rete.
3. Ricarica la pagina, seleziona qualsiasi richiesta HTTP sul pannello di sinistra e le intestazioni HTTP verranno visualizzate sul pannello di destra.