El depurador de red Chrome me da una excelente vista de todos los recursos HTTP cargados para una página. Pero borra la lista cada vez que se carga una nueva página HTML de nivel superior. Esto hace que sea muy difícil depurar páginas que se recargan automáticamente por una razón u otra (ejecución de script o 300 respuestas).
¿Puedo decirle a Chrome que no borre el depurador de red cuando se carga una nueva página de nivel superior? ¿O puedo volver y mirar los recursos de red de la página anterior?
¿O puedo forzar de alguna manera a Chrome a pausar antes de cargar una nueva página cuando no controlo la página que estoy tratando de depurar que está haciendo la redirección? Es parte de un baile de OpenID que va mal, por lo que la combinación de SSL y credenciales hace que sea extremadamente difícil depurar con herramientas de línea de comandos.
Respuestas:
Esto ha cambiado desde la v32, gracias a @Daniel Alexiuc y @Thanatos por sus comentarios.
Corriente (≥ v32)
En la parte superior de la pestaña "Red" de DevTools, hay una casilla de verificación para activar la funcionalidad "Conservar registro". Si está marcado, el registro de red se conserva al cargar la página.
El pequeño punto rojo a la izquierda ahora tiene el propósito de activar y desactivar por completo el inicio de sesión en la red.
versiones anteriores
En versiones anteriores de Chrome (v21 aquí), hay un pequeño punto rojo en el pie de página de la pestaña "Red".
Si pasa el cursor sobre él, le dirá que "Conservará el registro al navegar" cuando se active. Sostiene la promesa.
fuente
No conozco una forma de obligar a Chrome a no borrar el depurador de red, pero esto podría lograr lo que está buscando:
window.addEventListener("beforeunload", function() { debugger; }, false)
Esto detendrá Chrome antes de cargar la nueva página al alcanzar un punto de interrupción.
fuente
Solo actualiza la respuesta de @bfncs
Creo que en Chrome 43 el comportamiento cambió un poco. Todavía necesita habilitar Preserve log para ver, pero ahora la redirección se muestra en la pestaña Otros, cuando el documento cargado se muestra en Doc.
Esto siempre me confunde, porque tengo muchas solicitudes de redes y las filtro por tipo XHR, Doc, JS, etc. Pero en caso de redireccionamiento, la pestaña Doc está vacía, así que tengo que adivinar.
fuente
Otra gran solución para depurar las llamadas de red antes de redirigir a otras páginas es seleccionar el
beforeunload
punto de interrupción del eventoDe esta manera, se asegura de romper el flujo justo antes de redirigirlo a otra página, de esta manera todas las llamadas de red, los datos de red y los registros de consola todavía están allí.
Esta solución es mejor cuando desea verificar cuál es la respuesta de las llamadas
PD: También puede usar puntos de interrupción XHR si desea detenerse justo antes de una llamada específica o cualquier llamada (ver ejemplo de imagen)
fuente
load
evento, podemos parar al principio y establecer fácilmente el punto de interrupción. ¡Gracias!