Chrome Dev Tools: come tracciare la rete per un collegamento che apre una nuova scheda?

Voglio tracciare l'attività di rete che si verifica quando faccio clic su un collegamento. Il problema è che il collegamento apre una nuova scheda e apparentemente Dev Tools funziona per ogni scheda per cui era aperto. "Mantieni registro durante la navigazione" non aiuta.

La mia attuale soluzione è quella di passare a FireFox e HttpFox che non presenta questo problema. Mi chiedo come gestiscano tutti gli sviluppatori di Chrome, sembra abbastanza semplice (ovviamente ho cercato la risposta, non ho trovato nulla di utile).

Dai un'occhiata chrome://net-internals/#events(o chrome://net-exportnell'ultima versione di Chrome) per una panoramica dettagliata di tutti gli eventi di rete che si verificano nel tuo browser.

Un'altra possibile soluzione, a seconda del problema specifico, potrebbe essere quella di abilitare "Conserva registro" nella scheda "Rete":

e forzare l'apertura di tutti i collegamenti nella stessa scheda eseguendo il seguente codice nella 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 richiesta di funzionalità menzionata nel commento da phsource è stata implementata.

Nelle versioni recenti (a partire da Chrome 50), puoi andare al menu Impostazioni strumenti di sviluppo (apri Strumenti di sviluppo, quindi utilizza il menu a 3 punti o premi F1) e seleziona la casella "Apri automaticamente DevTools per i popup".

In Chrome 61.0.3163.100 ora hai la seguente opzione disponibile. Vi si accede andando alle impostazioni di Chrome Dev Tools. È in fondo.

• Aggiungi / aggiorna il link a target="_self"
• Seleziona "conserva i registri durante la navigazione" nella scheda Rete.
• Fare clic sul collegamento e ottenere la richiesta registrata

Puoi farlo in questo modo:

1. imposta target = "any_window_name" sul link desiderato.
2. fai clic su quel link una volta per aprirlo in una nuova scheda.
3. Nella scheda aperta, apri gli strumenti di sviluppo.

4. torna alla pagina di origine e premi di nuovo quel link.

   Il risultato verrà caricato in una finestra già predisposta con gli strumenti di sviluppo aperti.

   Puoi attivare l'opzione "preservare il registro" negli strumenti di sviluppo (vedi nella risposta eccellente di Konrad Dzwinel) per catturare il traffico di reindirizzamento su quel link.

   Nota : la maggior parte delle persone che hanno familiarità con il target di collegamento ∈ {_self, _blank, _parent, _top}. Ma in realtà qualsiasi nome può essere dato, questo aprirà una nuova finestra con quel nome e qualsiasi clic successivo su collegamenti, moduli o window.open con lo stesso valore target verrà aperto nella stessa finestra. ulteriori letture - mdn: window.open , mdn: <a> tag

Nel caso in cui il collegamento aperto non reindirizzi, è possibile aprire la scheda Rete nella nuova scheda, quindi aggiornare la scheda.

Premi rapidamente F12quando si apre una nuova scheda

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

Funziona per me quando controllo le risposte di download di Google Drive

* Disclaimer: pubblicato dallo sviluppatore di HttpWatch *

HttpWatch su Windows può registrare il traffico di rete generato quando viene aperta una nuova scheda o finestra di Chrome abilitando la registrazione automatica in Strumenti-> Opzioni-> Registrazione. Nella nuova finestra fare clic sull'icona HttpWatch per visualizzare la traccia di rete.

La versione gratuita fornirà informazioni di base come URL, codice di stato e tempo trascorso per ogni richiesta.

* Disclaimer: pubblicato dallo sviluppatore di HttpWatch *