¿Cuál es una manera fácil de ver qué llamadas AJAX se están realizando?

Question

Estoy buscando algo (preferiblemente una extensión de Firefox) que me permita ver todas las subpeticiones AJAX. Básicamente, cada vez que se realiza un XMLHTTPRequest(), quiero saber qué URL se estaba solicitando y qué (si alguno) GET y POST vars se pasaron junto con él.

A menos que me lo pierda, no veo nada como esto en Firebug o Web Developer Toolbar.

(En caso de que tenga curiosidad, la razón principal para querer esto es que quiero robar una copia local de un sitio que está utilizando JS para cargar todos sus contenidos, y no quiero pasar horas cavando a través de su código JS cuando pude ver las subpeticiones hechas.)

Answer 1

Firebug debe mostrarlo en el panel de red.

EDITAR: Además, si Firebug ralentiza el Firefox de una manera que lo hace inutilizable, al igual que lo hace para mí a veces, WireShark (anteriormente Ethereal) analizará todo el tráfico de red en el sistema, incluyendo HTTP y peticiones AJAX .

Answer 2

Fiddler 2 es una gran herramienta para ver el tráfico HTTP.

* 2014 * Actualización

Desde mi post original, tanto en Internet Explorer y Chrome han añadido incorporado en las herramientas de desarrollo que son muy útiles. Si bien sigo admitiendo y utilizando Fiddler para la monitorización http no relacionada con la web o cuando necesito profundizar en profundidad y modificar las solicitudes en tránsito, en estos días me encuentro prácticamente usando las herramientas integradas de IE o Chrome, ya que son suficientes para el 99% de mis necesidades Ambos tienen una pestaña de red, donde puedes monitorear las solicitudes http, además de otras funciones ingeniosas para depurar páginas web.

• Internet Explorer F12 Tools Introduction
• Documentation for Chrome's F12 Tools
• FireBug, which is mentioned above es también una buena herramienta si está usando Firefox.

Answer 3

Firebug los muestra tanto en el panel Red como en la vista de la consola. Sin embargo, debe activar "Mostrar XMLHttpRequests".

Answer 4

He utilizado casi todas las herramientas importantes (violín, firebug, httpfox, encabezados http en vivo). El mejor en mi opinión es HTTPFox si está usando Firefox porque tiene capacidades de filtrado fáciles, le permite ver su JSON la solicitud/respuesta como en bruto o formateada y la interfaz general es muy clara.

Además, no puedo prescindir de WFetch para probar los servicios web y cosas de AJAX. Por lo general, tomo la solicitud de HTTPFox y la pego en WFetch. De esta manera, no tengo que pasar por el navegador cada vez. Solo presiono F5 en WFetch para reproducir la solicitud y modifico directamente la solicitud.

Nota al margen: en WFetch, tenga cuidado con la longitud del contenido si tiene una carga de POST. Si modifica la carga, la longitud del contenido debe cambiarse según corresponda. Por este motivo guardo mis solicitudes en un archivo y señalo WFetch al archivo. En el archivo en sí es fácil saber la longitud de la línea y cambiar el largo del contenido a eso.

alt text http://blog.koreus.com/wp-content/uploads/2008/09/httpfox.png

alt text http://www.port80software.com/assets/images/ld_wfetch3.gif

Answer 5

Tenga una mirada en Tamper Data también. Es un complemento de Firefox que le permite ver cada solicitud HTTP individual (incluidos los datos de la publicación) y la respuesta, y los encabezados de ambos. Lo encontré muy útil para la depuración de problemas AJAX ... aunque Firebug funciona bien.