Ver cabeçalhos HTTP no Google Chrome?

Até 9.x, os cabeçalhos estavam com os recursos nas Ferramentas do desenvolvedor, mas agora não consigo encontrá-lo em lugar nenhum.

Não tenho certeza da sua versão exata, mas o Chrome possui uma guia "Rede" com vários itens e, quando clico neles, vejo os cabeçalhos à direita em uma guia.

Pressione F12no Windows ou ⌥⌘Ino Mac para abrir as ferramentas de desenvolvedor do Chrome.

Para mim, a partir da versão 46.0.2490.71 m do Google Chrome, a área de informações dos cabeçalhos está um pouco oculta. Acessar:

1. Enquanto o navegador estiver aberto, pressione F12para acessar as ferramentas do desenvolvedor da Web

2. Quando aberto, clique na opção "Rede"

3. Inicialmente, é possível que os dados da página não estejam presentes / atualizados. Atualize a página, se necessário

4. Observe as informações da página que aparecem na lista. (Além disso, verifique se "Todos" está marcado ao lado da caixa de seleção "Ocultar URLs de dados")

veja a captura de tela

Eu amei a extensão FireFox Header Spy tanto que criei uma extensão HTTP Spy para o Chrome. Eu costumava usar as ferramentas de desenvolvedor também para depurar cabeçalhos, mas agora minha vida é muito melhor.

Aqui está uma extensão do Chrome que permite visualizar solicitações, cabeçalhos de resposta e cookies sem nenhum clique extra logo após o carregamento da página.

Ele também lida com redirecionamentos. Ele vem com um micro-modo discreto que mostra apenas uma seleção escolhida a dedo de cabeçalhos de resposta e um modo normal que mostra todas as informações.

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

Aproveitar!

Minha maneira favorita no Chrome é clicar em um 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))})();

Coloque esse código no seu console do desenvolvedor.

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

Você pode encontrar a opção de cabeçalhos na guia Rede no console do desenvolvedor no Chrome:

1. No Chrome, pressione F12 para abrir o console do desenvolvedor.
2. Selecione a guia Rede. Essa guia fornece informações sobre as solicitações disparadas do navegador.
3. Selecione uma solicitação clicando no nome da solicitação. Lá, você pode encontrar as informações do cabeçalho para essa solicitação, além de outras informações, como Visualização, Resposta e Tempo.

Além disso, na minha versão do Chrome (50.0.2661.102) , ele fornece uma extensão chamada LIVE HTTP Headers, que fornece informações sobre os cabeçalhos de todas as solicitações HTTP.

update: imagem adicionada

Sei que há uma resposta aceita, mas recomendo

Extensão de cliente REST simples para Chrome.

exemplo:

Para a versão 78.0.3904.87, OS = Windows 7, PC de 64 bits

Passos:

1. Pressione F12
2. Selecione a guia Rede
3. Selecione XHR
4. Em Nome -> você pode ver todas as solicitações de XHR feitas.
5. Para visualizar os Cabeçalhos de Solicitação de uma solicitação XHR específica, clique nessa solicitação. Todos os detalhes sobre essa solicitação XHR aparecerão no lado direito.

Para visualizar os cabeçalhos HTTP da solicitação ou resposta no Google Chrome, execute as seguintes etapas:

1. No Chrome, visite um URL (como https://www.google.com), clique com o botão direito do mouse, selecione Inspecionar para abrir as ferramentas do desenvolvedor.
   
   
2. Selecione a guia Rede.
3. Recarregue a página, selecione qualquer solicitação HTTP no painel esquerdo e os cabeçalhos HTTP serão exibidos no painel direito.