Outils de développement Chrome: comment tracer le réseau d'un lien qui ouvre un nouvel onglet?

Question

Je souhaite suivre l'activité du réseau 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 la journalisation sur la navigation" n'aide pas.

Ma solution actuelle consiste à migrer vers FireFox et HttpFox qui ne présentent pas ce problème. Je me demande comment tous les développeurs pour Chrome gèrent, cela semble assez basique (bien sûr, j'ai cherché la réponse, mais rien n'a été utile).

Answer 1

Consultez chrome://net-internals/#events pour obtenir un aperçu détaillé de tous les événements réseau se produisant dans votre navigateur.

---

Une autre solution possible, en fonction de votre problème spécifique, consiste peut-être à activer "Conserver le journal" dans l'onglet "Réseau":

et forcez 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;
};
 

Answer 2

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