Como obter uma visão mais detalhada do processo http do navegador? [duplicado]

0

Este tópico faz um excelente trabalho no detalhamento do processo de conexão a uma página da Web e exibição no navegador.

Mas o que eu quero saber é como posso acompanhar esse processo? O Firefox ou outro navegador tem uma opção para registrar o processo?

Para colocar a questão no contexto, estou solucionando um site lento e quando clico em um link ele diz "Aguardando example.com ..." Isso só acontece quando eu faço algo em minha instalação do WordPress e não quando eu Tente carregar uma imagem estática, então há algo no ecossistema do WordPress que está causando o desligamento. Mas "Waiting for example.com" é uma mensagem muito vaga, por isso não me dá nada para solucionar problemas. Eu adoraria ter um log onde o navegador é como "fez um pedido para ... concluído em 52ms. Fez um pedido para, expirou (20s)".

Existe algo assim? Eu costumo procurar por essas coisas, mas não sabia quais termos usar.

    
por Brendan 06.03.2013 / 19:00

5 respostas

1

O Google Chrome incorporou as Ferramentas do desenvolvedor que podem ajudar a identificar problemas. Há uma guia "rede" que pode ajudar a identificar quais recursos estão sendo acessados e por quanto tempo.

    
por 06.03.2013 / 19:08
1

Confira Fiddler :

Fiddler is a Web Debugging Proxy which logs all HTTP(S) traffic between your computer and the Internet. Fiddler allows you to inspect traffic, set breakpoints, and "fiddle" with incoming or outgoing data.

E Wireshark :

Wireshark® is a network protocol analyzer. It lets you capture and interactively browse the traffic running on a computer network.

Relacionados:

por 06.03.2013 / 19:04
1

Se você gosta de usar o Chrome, ele tem algumas ferramentas de desenvolvedor internas extremamente poderosas, que podem ser acessadas pelo atalho Shift + Ctrl + I. Vá para a guia de rede e você poderá ver todas as solicitações e respostas HTTP feitas pela página ao longo do tempo, incluindo solicitações AJAX, e obter informações detalhadas sobre cada solicitação. O uso do wireshark forneceria resultados semelhantes; No entanto, como a ferramenta do Google Chrome é usada especificamente para depurar problemas do site, a apresentação é feita de maneira muito mais legível.

    
por 06.03.2013 / 19:12
1

O seu também é o monitor de rede da microsoft para adicionar à lista do techie007: link

Funciona de forma semelhante ao wireshark e eu os uso quando preciso. Eu concordo com a seleção do technie007, mas estava oferecendo outra resposta.

Você precisa definir o filtro para o que deseja no wireshark ou no monitor de rede para filtrar somente o tráfego específico que você deseja que não seja uma ciência de foguetes.

Por exemplo, o abaixo dar-lhe-á os pacotes recebidos vindos de / indo para o seu servidor em wireshark. Basta inserir o seu endereço IP do servidor depois da parte igual: ip.addr == ipaddressofserverhere

Editar: significava adicionar a peça apenas para retornar o tráfego da porta 80 para HTTP, mas poderia lembrar da minha mente qual era o filtro para isso.

    
por 06.03.2013 / 19:26
1

A maioria dos navegadores agora tem excelentes "Ferramentas para desenvolvedores" que farão tudo isso e muito mais.

Além disso, para o Firefox, o Firebug é uma excelente ferramenta para analisar problemas de conectividade e desempenho da Web e possui muitos plug-ins que adicionam recursos adicionais. Existem também versões "lite" para outros navegadores.

    
por 07.03.2013 / 15:59