Seguimiento de Solicitudes en Chrome

En Firefox, uso Firebug que me permite ver cada solicitud http que mis llamadas ajax están haciendo. He cambiado mi desarrollo a Chrome y me gusta hasta ahora. Mi única queja, sin embargo, es que las herramientas para desarrolladores no parecen permitirle ver cada solicitud de ajax. He tenido que pasar una vez donde el panel de Recursos mostró varias solicitudes al mismo recurso, pero solo lo ha hecho una vez y nunca más.

¿ Hay una manera de ver de manera confiable cada solicitud http que una página está haciendo a través de javascript desde dentro de Chrome?

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

Actualmente, para evitar esto, estoy ejecutando Fiddler junto a Chrome para ver mis solicitudes, pero si hay una manera de hacerlo desde dentro del navegador, yo preferiría que.

Author: Wes P, 2009-11-30
Source

9 answers

Sé que este es un hilo viejo, pero pensé que podría intervenir.

Chrome actualmente tiene una solución integrada.

  1. Use CTRL+SHIFT+I (o vaya a Current Page Control > Developer > Developer Tools. En las versiones más recientes de Chrome, haga clic en el icono de Llave inglesa > Herramientas > Herramientas para desarrolladores.) para habilitar las Herramientas de desarrollo.
  2. Desde dentro de las herramientas para desarrolladores, haga clic en el botón Network. Si aún no lo está, habilítelo para la sesión o siempre.
  3. Haga clic en el sub-botón "XHR".
  4. Iniciar un AJAX call.
  5. Verá que los elementos comienzan a aparecer en la columna de la izquierda debajo de "Resources".
  6. Haga clic en el recurso y hay 2 pestañas que muestran los encabezados y el contenido de retorno.
 333
Author: Phil,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-03-23 09:56:53

La respuesta más actualizada a esto es: se enumeran bajo el botón 'Red' en las herramientas para desarrolladores, ya no bajo 'Recursos' como solía ser.

 56
Author: Wouter,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2011-03-03 11:18:02

También puede utilizar este enlace en Chrome para obtener información más detallada de lo que el inspector lo hizo.

chrome://net-internals/#events

Esto muestra el registro de todas las solicitudes del navegador mientras está abierto

 38
Author: Karl Adler,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-01-15 19:11:59

No sé a partir de qué versión de chrome esto está disponible, pero encontré una configuración 'Consola-Log XMLHttpRequests' (haciendo clic en el icono en la esquina inferior derecha de herramientas para desarrolladores en chrome en mac)

 12
Author: schellmax,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-01-13 15:16:25

Puedes usar Fiddler que es una buena herramienta gratuita.

 4
Author: JoshBerke,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2009-11-30 16:46:49

Abra sus DevTools y presione F1 para acceder a la configuración. Busque la sección consola y marque la casilla de verificación "Log XMLHttpRequests".

Ahora todas sus solicitudes ajax y otras similares se registrarán en la consola.

Prefiero este método porque generalmente me permite ver todo lo que estoy buscando en la consola sin tener que ir a la pestaña de red.

 4
Author: ShaneDaugherty,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-12-01 21:31:19

Gracias a todas las personas que tratan de ayudar en este post

Tengo ubuntu 13.10 y mi versión de Chrome es 34.0

Para mi situación esto funciona

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

Ahora debería ver un nuevo panel frente a su solicitud 

in this panel select "Response" tab
 3
Author: masoud2011,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-10-05 18:50:25

En el paso 5 de Phil, "Recursos" ya no está disponible en la nueva versión de Chrome. Debe hacer clic en el icono de página justo al lado de la página Ajax que aparece en el panel inferior con las columnas de Nombre, Método, Estado,...

Entonces le mostrará más paneles donde encontrará los mensajes de error.

 1
Author: wcb1,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-01-19 06:35:48

También puede hacer clic derecho en la página en el navegador y seleccionar "Inspeccionar elemento" para abrir las herramientas de desarrollador.

Https://developer.chrome.com/devtools

 0
Author: BitByteDog,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-04-02 06:03:08