Ver headers HTTP no Google Chrome?

Até 9.x, os headers estavam sob os resources nas Ferramentas do desenvolvedor, mas agora não consigo encontrá-lo em lugar nenhum.

Não tenho certeza sobre sua versão exata, mas o Chrome tem uma guia “Rede” com vários itens e, quando clico nela, vejo os headers à direita em uma guia.

Pressione F12 no Windows ou ⌥⌘I em um mac para exibir as ferramentas do desenvolvedor do Google Chrome.

Guia de cabeçalhos de ferramentas de desenvolvedor do Chrome

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

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

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

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

Apreciar!

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

1) Enquanto o navegador estiver aberto, pressione F12 para acessar as ferramentas do Web Developer.

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 aparece na listview. (Além disso, verifique se “Tudo” está selecionado ao lado da checkbox de seleção “Ocultar URLs de dados”

veja captura de canvas

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

Eu sei que há uma resposta aceita, mas eu recomendo

Extensão de cliente REST simples para o Chrome.

exemplo:

POR EXEMPLO.

Você pode encontrar a opção de headers 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 as informações sobre as solicitações triggersdas do navegador.
  3. Selecione uma solicitação clicando no nome da solicitação. Lá você pode encontrar as informações do header para essa solicitação, juntamente com algumas 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 denominada Cabeçalhos HTTP LIVE, que fornece informações sobre os headers de solicitação de todas as solicitações HTTP.