Solicitar Monitoramento no Chrome

StackOverflow https://stackoverflow.com/questions/1820927

  •  10-07-2019
  •  | 
  •  

Pergunta

No Firefox, eu uso o Firebug que me permite visualizar todos os http solicitar minhas chamadas de ajax estão fazendo. Eu mudei meu desenvolvimento para Chrome e estou gostando até agora. A única reclamação, no entanto, é que as ferramentas de desenvolvedor não parecem permitir que você veja cada pedido ajax. Eu tive isso acontecer, uma vez que o painel de Recursos mostrou várias solicitações para o mesmo recurso, mas ele só fez isso uma vez e nunca mais.

Existe uma maneira de ver de forma confiável a cada solicitação HTTP que uma página está fazendo através de javascript de dentro Chrome?

[Edit: 11/30/09 11:55]

Atualmente, para contornar esta situação, eu estou correndo Fiddler ao lado Chrome para ver os meus pedidos, mas se há uma maneira de fazê-lo a partir do browser, eu prefiro isso.

Foi útil?

Solução

Eu sei que esta é uma discussão antiga, mas eu pensei que eu gritei.

Chrome tem atualmente uma solução integrada.

  1. Use CTRL+SHIFT+I (ou navegar para Current Page Control > Developer > Developer Tools. Nas versões mais recentes do Chrome, clique no ícone de chave inglesa> Ferramentas> Ferramentas de Desenvolvimento.) Para permitir o Xcode.
  2. A partir das ferramentas de desenvolvimento, clique no botão Network. Se ele não estiver, ative-a para a sessão ou sempre.
  3. Clique no sub-botão "XHR".
  4. Iniciar uma AJAX call.
  5. Você vai ver itens começam a aparecer na coluna da esquerda sob "Resources".
  6. Clique no recurso e há 2 guias que mostram o conteúdo cabeçalhos e retorno.

Outras dicas

A resposta mais up-to-date para isso é:. Eles são listados sob o botão 'Network' nas ferramentas de desenvolvimento, não está mais sob 'Recursos' como costumava ser

Você também pode usar este link no Chrome para obter informações mais detalhadas do que o inspetor fez isso. 

chrome://net-internals/#events

Isto mostra o registro de todas as solicitações do navegador enquanto aberta

não sei como dos quais cromo versão deste está disponível, mas eu encontrei um ambiente 'Console - Entrar XMLHttpRequests' (clicando no ícone no canto inferior direito de ferramentas de desenvolvimento em cromo no mac)

Abra o seu DevTools e pressione F1 para acessar as configurações. Olhar para a seção de console e verifique a caixa de seleção "Log XMLHttpRequests".

Agora todo o seu ajax e outros pedidos semelhantes serão registradas no console.

Eu prefiro este método porque geralmente me permite ver tudo o que eu estou procurando no console sem ter que ir para a guia rede.

Você pode usar Fiddler que é uma boa ferramenta livre.

Obrigado a todos pessoa que tentar ajudar neste post

Eu tenho ubuntu 13.10 e minha versão do Chrome é 34,0

Para a minha situação funciona este 

1.open developer tools in chrome(or use right click on your page and then select inspect element)
2.go to "Network" tab
3.find your ajax request in "Name Path" column 
4.click on the specific ajax link

Agora você deve ver um novo painel na frente de você solicitar 

in this panel select "Response" tab

Na etapa 5 de Phil, "Recursos" não está mais disponível na nova versão do Chrome. Você precisa clicar no ícone da página, ao lado da página Ajax listados no painel de fundo com as colunas de nome, Método, Status, ...

Em seguida, ele irá mostrar-lhe mais painéis, onde irá encontrar as mensagens de erro.

Você também pode simplesmente clique direito sobre a página no navegador e selecione "Inspect Element" para abrir as ferramentas de desenvolvedor.

https://developer.chrome.com/devtools

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top