Monitor de rede para o webdeveloper

9

Ao usar o Google Chrome, há uma prática ferramenta de monitoramento de rede. No entanto, a ferramenta de rede chrome apenas acompanha a atual página da Web aberta.

Há muitas ferramentas complicadas de monitoramento de rede disponíveis e eu só preciso dos recursos da ferramenta de monitoramento de rede chrome.

Para acompanhar todos os navegadores (Chrome, Firefox, IE, etc.), atividade Estou procurando uma ferramenta que tenha a mesma ideia e interface que a ferramenta de rede chrome.

Alguém conhece uma ferramenta como essa?

Algumas capturas de tela com os recursos desejados:

Uma visão geral de todos os arquivos baixados

aoselecionarumarquivo,vocêpodeverbemoscabeçalhos

E com a resposta da guia, o conteúdo do corpo é visível

    
por botenvouwer 02.07.2013 / 14:22

3 respostas

22

Teste o Fiddler no link

Eu uso isso para o desenvolvimento da Web e, especialmente, achei prático que ele permita que você modifique e reproduza uma solicitação HTTP gravada anteriormente.

    
por 02.07.2013 / 14:55
2

Parece que você está interessado em cabeçalhos e conteúdo HTTP, mas para todo o tráfego. Embora seja uma ferramenta mais complexa, o Wireshark pode fornecer facilmente o que você está procurando, apesar de ser um layout inicialmente intimidador e uma grande variedade de recursos.

  1. Executar o wireshark
  2. Selecione o adaptador que estará se comunicando (ou seja, seu adaptador de internet) e comece a capturar
  3. No campo "Filtro:", digite "http.request" (sem aspas) e pressione Aplicar

A saída resultante conterá cada solicitação feita pelo seu sistema (isso é potencialmente mais do que apenas a sessão do navegador: você pode preferir filtrar ainda mais o tráfego adicionando "& & ip.addr ==" ao filtro se você está recebendo muito tráfego na sua saída). Se você souber apenas o nome do servidor, poderá usar "nslookup .com" em uma linha de comando para resolver o endereço IP do servidor.

Quando você clica em uma solicitação no quadro superior do Wireshark, o quadro do meio apresentará as camadas internas. Expanda a camada "Protocolo de transferência de hipertexto" pressionando o + ao lado para expor os cabeçalhos da solicitação.

Por fim, se você estiver interessado em visualizar os cabeçalhos de resposta ou o conteúdo, clique com o botão direito do mouse no pedido de interesse no quadro superior e clique em "Seguir fluxo TCP".

OBSERVAÇÃO: todos os itens acima assumem que você não está tentando capturar tráfego para um servidor da Web que hospeda em localhost, 127.0.0.1.

    
por 03.07.2013 / 03:11
0

Encontrei Charles . É gratuito e disponível para Windows, Linux e & Mac. Parece muito semelhante ao Chromes dev tools na minha opinião.

    
por 02.07.2013 / 15:00