Cómo encontrar la pieza de código que inició la solicitud ajax

Question

Tengo vista MVC, en la que se incluyen decenas de archivos javascript. hay algunas solicitudes ajax iniciadas desde la página. Me gustaría saber de qué archivo js particular se inició la llamada.

Pasé algún tiempo explorando los complementos de Firefox - Firebug y HttpFox. Ambos muestran la solicitud http, el encabezado, las cookies y otra gran cantidad de información, pero nada sobre la fuente donde se inició la solicitud de Ajax.

Answer 1

He encontrado algunas características de depuración más recientes de Chromes muy útiles. Abra el inspector (Ctrl + Shift + I) y cambie a la pestaña Red antes de iniciar su aplicación o realizar las acciones en cuestión. Cada solicitud http mostrará el origen de la solicitud en la columna Iniciador. Si javascript inició la solicitud, le mostrará el nombre del archivo y el número de línea con un enlace que se puede hacer clic para ir directamente a él.

Answer 2

Otra muy buena opción en las herramientas de desarrollo de Chrome es XHR Breakpoint. Presione F12, seleccione la pestaña de fuentes y a la derecha haya lado debajo de XHR Punto de interrupción agregue una nueva condición de punto de interrupción condicional especificando el texto que espera encontrar en la URL en la que se realiza la llamada ajax. Se detendrá en cualquier llamada ajax que contenga el texto especificado en la URL. Puede probarlo en this URL (busque el encabezado Puntos de interrupción en XHR)