http - top - Cómo usar el depurador de red de chrome con redirecciones
https://chrome:inspect (4)
El depurador de red de Chrome me ofrece 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 las 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 para que se detenga antes de cargar una nueva página cuando no controlo la página que estoy intentando depurar y está redireccionando? Es parte de un baile openid que va mal, por lo que la combinación de SSL y credenciales hace que sea extremadamente difícil de depurar con herramientas de línea de comandos.
¿O puede firebug hacer lo que quiero?
No conozco una forma de obligar a Chrome a no borrar el depurador de red, pero esto podría lograr lo que estás buscando:
- Abre la consola js
window.addEventListener("beforeunload", function() { debugger; }, false)
Esto hará una pausa en Chrome antes de cargar la nueva página al llegar a un punto de interrupción.
Otra gran solución para depurar las llamadas de red antes de redirigir a otras páginas es seleccionar el punto de interrupción del evento beforeunload la beforeunload
De esta manera, se asegura de interrumpir 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 la consola siguen allí.
Esta solución es mejor cuando desea comprobar cuál es la respuesta de las llamadas
PD: también puede usar los puntos de interrupción XHR si desea detenerse justo antes de una llamada específica o cualquier llamada (vea el ejemplo de la imagen)
Solo actualización de @bfncs respuesta
Creo que alrededor de Chrome 43 el comportamiento cambió un poco. Aún debe habilitar el registro Conservar para ver, pero ahora la redirección se muestra en la pestaña Otra, cuando el documento cargado se muestra en el Doc.
Esto siempre me confunde, porque tengo muchas solicitudes de redes y las filtro por tipo XHR, Doc, JS, etc. Pero en caso de redireccionar la pestaña Doc está vacía, así que tengo que adivinar.
Esto ha cambiado desde v32, gracias a @Daniel Alexiuc & @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 en la carga de la página.
El pequeño punto rojo de la izquierda ahora tiene el propósito de activar y desactivar el registro de la red por completo.
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 se desplaza sobre él, le dirá que "Conservará el registro al navegar" cuando esté activado. Mantiene la promesa.