Monitor de rede para webdeveloper


9

Ao usar o Google chrome, existe uma útil ferramenta de monitor de rede. No entanto, a ferramenta de rede chrome mantém o controle da página da web aberta atual.

Existem muitas ferramentas complicadas de monitor de rede disponíveis e eu só preciso dos recursos da ferramenta de monitor de rede chrome.

Para acompanhar todas as atividades dos navegadores (Chrome, Firefox, IE etc.), estou procurando uma ferramenta que tenha a mesma ideia e interface que a ferramenta de rede do 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 Uma visão geral de toda a atividade de rede

ao selecionar um arquivo, você pode ver os cabeçalhos cabeçalho

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


Você pode fazer o upload de uma captura de tela do monitor de rede Chrome, para que eu saiba o que procurar? E se for uma extensão, forneça um link para a página da extensão na Chrome Web Store.
precisa saber é o seguinte

É padrão em todos os navegadores Chrome que você pode ver quando clicar com o botão direito do mouse -> inspecionar -> rede. Vou fazer o upload de uma captura de tela como você pediu.
Botenvouwer

Ótimo, eu simplesmente não tenho o chrome instalado, então esperarei pela captura de tela.
precisa saber é o seguinte

OK, agora vejo as imagens. No entanto, esta é uma ferramenta de desenvolvedor, disponível apenas no chrome (e ferramentas similares em outros navegadores). Acho difícil acreditar que exista algum tipo de ferramenta de inspeção de páginas da web como essa que se aplique a todo o tráfego em andamento. Mas ainda vou fazer alguma investigação sobre isso. se eu encontrar algo, escreverei uma resposta o mais rápido possível.
precisa saber é o seguinte

However the chrome network tool only keeps track of the current open webpage- Na verdade, na barra inferior, vê aquele círculo sólido? Clique nele e a atividade de rede é mantida entre as páginas da web.
Izkata 02/07/2013

Respostas:


22

Experimente o Fiddler em http://fiddler2.com/

Utilizo isso para o desenvolvimento da Web e, especialmente, acho útil permitir que você modifique e reproduza uma solicitação http gravada anteriormente.


2

Parece que você está interessado em cabeçalhos e conteúdo HTTP, mas em todo o tráfego. Embora seja uma ferramenta mais complexa, o Wireshark pode facilmente fornecer o que você está procurando, apesar do layout inicialmente intimidador e da riqueza 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 seu navegador: você pode preferir filtrar ainda mais o tráfego adicionando "&& ip.addr ==" ao filtro se estiver 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 apresenta as camadas dentro. Expanda a camada "Hypertext Transfer Protocol" pressionando o + ao lado dele para expor os cabeçalhos da solicitação.

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

NOTA: Todas as opções acima pressupõem que você não está tentando capturar tráfego para um servidor da web hospedado no host local, 127.0.0.1.


0

Eu encontrei Charles . É gratuito e disponível para Windows, Linux e Mac. Parece muito semelhante às ferramentas de desenvolvimento do Chromes, na minha opinião.


Esta ferramenta é mais um plug-in do Firefox e não é gratuito. É um teste de 30 dias!
botenvouwer

Certo, eu não percebi.
precisa saber é o seguinte
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.