Visualizza le intestazioni HTTP in Google Chrome?

Fino a 9.x, le intestazioni erano sotto le risorse negli Strumenti per sviluppatori, ma ora non riesco a trovarlo 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 F12 su Windows o ⌥⌘I su un Mac per visualizzare gli strumenti per sviluppatori di Chrome.

Scheda intestazioni degli strumenti di sviluppo di Chrome

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

Ecco un’estensione di Chrome che ti consente di visualizzare le intestazioni di richiesta, risposta e cookie senza clic in più subito dopo il caricamento della pagina.

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

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

Godere!

Per me, a partire dalla versione di Google Chrome 46.0.2490.71 m, l’area di informazioni Intestazioni è un po ‘nascosta. Accedere:

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

2) Quando si apre, fare clic sull’opzione “Rete”

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

4) Osservare le informazioni sulla pagina appare nella lista. (Inoltre, assicurati che “Tutti” sia selezionato accanto alla casella di controllo “Nascondi URL dati”

vedi screenshot

Il mio metodo 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 nel riquadro della console per gli sviluppatori.

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

So che c’è una risposta accettata, ma mi raccomando

Semplice estensione client REST per Chrome.

esempio:

PER ESEMPIO.

Puoi trovare l’opzione delle intestazioni nella scheda Rete nella Console dello sviluppatore 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 triggerste dal browser.
  3. Seleziona una richiesta facendo clic sul nome della richiesta. Qui puoi trovare le informazioni sull’intestazione per quella richiesta insieme ad altre informazioni come Anteprima, Risposta e Tempistica.

Inoltre, nella mia versione di Chrome (50.0.2661.102) , fornisce un’estensione denominata Intestazioni HTTP LIVE che fornisce informazioni sugli header delle richieste per tutte le richieste HTTP.