Ver cabeçalhos HTTP no Google Chrome?


560

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

Respostas:


832

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.

Guia Cabeçalhos das ferramentas de desenvolvedor do Chrome


55
Entendi, obrigado! A página teve que ser recarregada para visualizar os itens.

8
Isso é muito simpático! Eu usei o chrome: // view-http-cache / [url] hack, mas sua solução é muito melhor!
nalply

31
Também tente chrome://net-internals/.
XP1

67
Apenas para esclarecer um pouco a resposta acima - quando você clica na guia rede, vê uma visão geral primeiro no lado direito em um formato de tabela com um gráfico da linha do tempo. Se você clicar em um arquivo individual da lista à esquerda, verá as guias mostradas na figura acima (incluindo a guia Cabeçalhos). Isto é o que @Tower entende por "clique sobre eles"
SnapShot

2
Mais informações: se você não encontrar nenhum recurso - olhe para a área de guias ( All | XHR JSe etc) e selecioneAll
Zanshin13

22

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


19

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!


17

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


9
Isso não recebe os cabeçalhos atuais , mas os cabeçalhos para uma segunda solicitação.
Nick

11

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

insira a descrição da imagem aqui


2
apenas no caso de alguém precisar: se a opção 'mostrar visão geral' estiver marcada, ela será listada abaixo da visão geral e pode não estar visível (aconteceu comigo). Você pode clicar no ícone 'esconder visão geral' ou estender desenvolvedor toolbox
Anjo M.

@ Chris22 por favor dê uma olhada na imagem na pós
Anjo M.

@AngelM. obrigado, ok, de acordo com a imagem, a 'visão geral do show' não é uma caixa de seleção, é um ícone.
Chris22

8

Sei que há uma resposta aceita, mas recomendo

Extensão de cliente REST simples para Chrome.

exemplo:

POR EXEMPLO.


0

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.

0

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.
    insira a descrição da imagem aqui
  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.

insira a descrição da imagem aqui

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.