Comment utiliser le débogueur réseau de Chrome avec des redirections

Le débogueur de réseau Chrome me donne une excellente vue de toutes les ressources HTTP chargées pour une page. Mais il efface la liste chaque fois qu'une nouvelle page HTML de niveau supérieur est chargée. Cela rend très difficile le débogage des pages qui se rechargent automatiquement pour une raison ou une autre (exécution d'un script ou 300 réponses).

Puis-je dire à Chrome de ne pas effacer le débogueur réseau lorsqu'une nouvelle page de niveau supérieur est chargée? Ou puis-je revenir en arrière et regarder les ressources réseau de la page précédente?

Ou puis-je forcer Chrome à faire une pause avant de charger une nouvelle page lorsque je ne contrôle pas la page que j'essaie de déboguer qui fait la redirection? Cela fait partie d'une danse OpenID qui va de travers, donc la combinaison de SSL et des informations d'identification rend extrêmement difficile le débogage avec les outils de ligne de commande.

Cela a changé depuis la v32, merci à @Daniel Alexiuc & @Thanatos pour leurs commentaires.

Courant (≥ v32)

En haut de l'onglet "Réseau" de DevTools, il y a une case à cocher pour activer la fonctionnalité "Conserver le journal". S'il est coché, le journal réseau est conservé lors du chargement de la page.

Le petit point rouge sur la gauche a maintenant pour but d'activer et de désactiver complètement la connexion réseau.

Versions plus anciennes

Dans les anciennes versions de Chrome (v21 ici), il y a un petit point rouge cliquable dans le pied de page de l'onglet "Réseau".

Si vous passez la souris dessus, il vous dira qu'il "conservera le journal lors de la navigation" lorsqu'il sera activé. Il tient la promesse.

Je ne connais pas de moyen pour forcer Chrome à ne pas effacer le débogueur réseau, mais cela pourrait accomplir ce que vous recherchez:

1. Ouvrez la console js
2. window.addEventListener("beforeunload", function() { debugger; }, false)

Cela interrompra le chrome avant de charger la nouvelle page en atteignant un point d'arrêt.

Il suffit de mettre à jour la réponse @bfncs

Je pense que dans Chrome 43, le comportement a été un peu changé. Vous devez toujours activer Préserver le journal pour voir, mais maintenant rediriger affiché sous l'onglet Autre, lorsque le document chargé est affiché sous Doc.

Cela me confond toujours, car j'ai beaucoup de demandes de réseaux et je les filtre par type XHR, Doc, JS etc. Mais en cas de redirection, l'onglet Doc est vide, donc je dois deviner.

Une autre excellente solution pour déboguer les appels réseau avant de rediriger vers d'autres pages consiste à sélectionner le beforeunloadpoint d'arrêt de l' événement

De cette façon, vous vous assurez de couper le flux juste avant de le rediriger vers une autre page, de cette façon, tous les appels réseau, les données réseau et les journaux de la console sont toujours là.

Cette solution est la meilleure lorsque vous souhaitez vérifier quelle est la réponse des appels

PS: Vous pouvez également utiliser des points d'arrêt XHR si vous souhaitez vous arrêter juste avant un appel spécifique ou tout appel (voir exemple d'image)