Chrome Dev Tools: comment tracer le réseau pour un lien qui ouvre un nouvel onglet?

Je souhaite suivre l'activité réseau qui se produit lorsque je clique sur un lien. Le problème est que le lien ouvre un nouvel onglet, et apparemment les outils de développement fonctionnent par onglet pour lequel il était ouvert. "Conserver le journal lors de la navigation" n'aide pas.

Ma solution actuelle est de passer à FireFox et HttpFox qui n'a pas ce problème. Je me demande comment tous les développeurs de Chrome gèrent, cela semble assez basique (bien sûr, j'ai cherché la réponse, je n'ai rien trouvé d'utile).

Consultez chrome://net-internals/#events(ou chrome://net-exportdans la dernière version de Chrome) pour un aperçu détaillé de tous les événements du réseau qui se produisent dans votre navigateur.

Une autre solution possible, en fonction de votre problème spécifique, peut être d'activer «Conserver le journal» sur l'onglet «Réseau»:

et forcer tous les liens à s'ouvrir dans le même onglet en exécutant le code suivant dans la console:

[].forEach.call(document.querySelectorAll('a'),
    function(link){
        if(link.attributes.target) {
            link.attributes.target.value = '_self';
        }
    });

window.open = function(url) {
    location.href = url;
};

La demande de fonctionnalité mentionnée dans le commentaire de phsource a été implémentée.

Dans les versions récentes (à partir de Chrome 50), vous pouvez aller dans le menu Paramètres des outils pour les développeurs (ouvrez les outils pour les développeurs, puis utilisez le menu à 3 points ou appuyez sur F1) et cochez la case qui indique "Ouverture automatique des DevTools pour les popups".

Dans Chrome 61.0.3163.100, vous disposez désormais de l'option suivante. Il est accessible en accédant aux paramètres des outils de développement Chrome. C'est en bas.

• Ajouter / mettre à jour le lien vers target="_self"
• Cochez "Conserver les journaux lors de la navigation" dans l'onglet Réseau.
• Cliquez sur le lien et enregistrez votre demande

Vous pouvez le faire de cette façon:

1. définissez target = "any_window_name" sur le lien voulu.
2. cliquez une fois sur ce lien pour l'ouvrir dans un nouvel onglet.
3. Dans l'onglet ouvert, ouvrez les outils de développement.

4. revenir à la page d'origine et cliquer à nouveau sur ce lien.

   Le résultat sera chargé dans une fenêtre déjà préparée avec les outils de développement ouverts.

   Vous pouvez activer l'option "conserver le journal" dans les outils de développement (voir dans Konrad Dzwinel excellente réponse) pour attraper tout trafic de redirection sur ce lien.

   Remarque : la plupart des gens connaissent la cible du lien ∈ {_self, _blank, _parent, _top}. Mais en fait, n'importe quel nom peut être donné, cela ouvrira une nouvelle fenêtre avec ce nom, et tous les clics ultérieurs sur les liens, les formulaires ou window.open avec la même valeur cible seront ouverts dans la même fenêtre. lectures supplémentaires - mdn: window.open , mdn: <a> tag

Dans le cas où le lien ouvert ne redirige pas, vous pouvez ouvrir l'onglet Réseau dans le nouvel onglet puis actualiser l'onglet.

Frappez rapidement F12quand un nouvel onglet s'ouvre

https://stackoverflow.com/a/13747562/660408

Fonctionne pour moi lorsque je surveille les réponses de téléchargement de Google Drive

* Avertissement: Publié par le développeur de HttpWatch *

HttpWatch sur Windows peut enregistrer le trafic réseau généré lorsqu'un nouvel onglet ou une nouvelle fenêtre Chrome est ouvert en activant l'enregistrement automatique dans Outils-> Options-> Enregistrement. Dans la nouvelle fenêtre, cliquez sur l'icône HttpWatch pour afficher la trace réseau.

La version gratuite fournira des informations de base telles que l'URL, le code d'état et le temps écoulé pour chaque demande.

* Avertissement: Publié par le développeur de HttpWatch *