Visualizza le intestazioni HTTP in Google Chrome?

Question

Fino a 9.x, le intestazioni erano sotto le risorse dei Developer Tools, ma ora non riesco a trovare da nessuna parte.

Answer 1

Non sono sicuro circa la versione esatta, ma Chrome ha una scheda "Network" con diversi elementi e quando clicco su di loro posso vedere le intestazioni a destra in una scheda.

Premere F12 su Windows o ??I su un Mac per aprire gli strumenti per sviluppatori di Chrome.

Answer 2

Per quanto mi riguarda, come di Google Chrome versione 46.0.2490.71 m, l'area informazioni intestazioni è un po 'nascosto. Per accedere:

1. Mentre il browser è aperto, premere F12 per accedere agli strumenti Web Developer

2. Una volta aperto, selezionare l'opzione "Rete"

3. Inizialmente, è possibile i dati pagina non è presente / aggiornata. Aggiornare la pagina se necessario

4. Osservare le appare page Informazioni nell'elenco. (Inoltre, assicurarsi che sia selezionato "All" accanto alla casella di controllo "Nascondi URL dati")

vedi screenshot

Answer 3

Ho amato l'estensione di Firefox Header Spy così tanto che ho costruito un'estensione Spy HTTP per Chrome. Ho usato per usare gli strumenti di sviluppo troppo per il debug intestazioni, ma ora la mia vita è molto meglio.

Ecco un'estensione per Chrome che permette di visualizzare richiesta-, intestazioni di risposta e biscotti senza alcuna clic in più subito dopo la pagina viene caricata.

Si occupa anche di reindirizzamenti. Viene con un micro-mode discreto che mostra solo una raccolta manuale selezione di intestazioni di risposta e una modalità normale che mostra tutte le informazioni.

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

Enjoy!

Answer 4

Il mio modo preferito in Chrome è quello di cliccare 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))})();

inserire questo codice nel vostro pad console sviluppatore.

Fonte: http://www.danielmiessler.com / blog / a-bookmarklet-che-display-http-headers

Answer 5

È possibile trovare l'opzione di intestazioni nella scheda Rete nella console per gli sviluppatori in Chrome:

1. In Chrome premi F12 per console aperta di sviluppatore.
2. Selezionare la scheda di rete. Questa scheda fornisce le informazioni sulle richieste licenziato dal browser.
3. Seleziona una richiesta cliccando sul nome della richiesta. Vi si possono trovare le informazioni di intestazione per tale richiesta insieme ad alcune altre informazioni, come anteprima, di risposta e di sincronizzazione.

Inoltre, nella mia versione di Chrome (50.0.2661.102) , dà un'estensione di nome Pubblicato intestazioni HTTP , che fornisce informazioni sulle intestazioni di richiesta per tutte le richieste HTTP .

Aggiornamento: immagine aggiunta

Answer 6

So che c'è una risposta accettata ma vi consiglio

  

Simple REST Client Extension per Chrome.

Esempio: