Chrome Dev Tools: Wie kann ich das Netzwerk für einen Link verfolgen, der einen neuen Tab öffnet?

Ich möchte die Netzwerkaktivität verfolgen, die auftritt, wenn ich auf einen Link klicke. Das Problem ist, dass der Link einen neuen Tab öffnet und anscheinend die Dev Tools pro Tab funktionieren, für den er geöffnet war. "Protokoll bei Navigation beibehalten" hilft nicht.

Meine aktuelle Lösung besteht darin, zu FireFox und HttpFox zu wechseln, bei denen dieses Problem nicht auftritt. Ich frage mich, wie alle Entwickler für Chrome damit umgehen. Das klingt ziemlich einfach (natürlich habe ich nach der Antwort gesucht und nichts hilfreiches gefunden).

In chrome://net-internals/#events(oder chrome://net-exportin der neuesten Version von Chrome) finden Sie eine detaillierte Übersicht aller Netzwerkereignisse, die in Ihrem Browser auftreten.

Eine andere mögliche Lösung, abhängig von Ihrem spezifischen Problem, besteht darin, "Protokoll beibehalten" auf der Registerkarte "Netzwerk" zu aktivieren:

und erzwingen Sie, dass alle Links auf derselben Registerkarte geöffnet werden, indem Sie den folgenden Code in der Konsole ausführen:

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

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

Die im Kommentar von phsource erwähnte Feature-Anfrage wurde implementiert.

In neueren Versionen (beginnend mit Chrome 50) können Sie das Menü Einstellungen für Entwicklertools aufrufen (Entwicklertools öffnen, dann das 3-Punkte-Menü verwenden oder F1drücken) und das Kontrollkästchen "DevTools für Popups automatisch öffnen" aktivieren.

In Chrome 61.0.3163.100 steht Ihnen jetzt die folgende Option zur Verfügung. Der Zugriff erfolgt über die Chrome Dev Tools-Einstellungen. Es ist ganz unten.

• Fügen Sie den Link zu hinzu / aktualisieren Sie ihn target="_self"
• Aktivieren Sie auf der Registerkarte "Netzwerk" die Option "Protokolle bei Navigation beibehalten".
• Klicken Sie auf den Link und Ihre Anfrage wird protokolliert

Sie können es so machen:

1. setze target = "any_window_name" für den gewünschten Link.
2. Klicken Sie einmal auf diesen Link, um ihn in einem neuen Tab zu öffnen.
3. Öffnen Sie in der geöffneten Registerkarte die Entwicklertools.

4. Gehen Sie zurück zur Ursprungsseite und klicken Sie erneut auf diesen Link.

   Das Ergebnis wird in ein bereits vorbereitetes Fenster mit geöffneten Entwicklertools geladen.

   Sie können die Option "Protokoll beibehalten" in den Entwicklungstools aktivieren (siehe in Konrad Dzwinel ausgezeichnete Antwort), um den Weiterleitungsverkehr auf diesem Link abzufangen.

   Hinweis : Die meisten Personen, die mit dem Link-Ziel ∈ {_self, _blank, _parent, _top} vertraut sind. Tatsächlich kann jedoch ein beliebiger Name angegeben werden. Dadurch wird ein neues Fenster mit diesem Namen geöffnet, und alle nachfolgenden Klicks auf Links, Formulare oder window.open mit demselben Zielwert werden in demselben Fenster geöffnet. weiterführende Literatur - mdn: window.open , mdn: <a> tag

Falls der geöffnete Link nicht umgeleitet wird, können Sie die Registerkarte Netzwerk auf der neuen Registerkarte öffnen und dann die Registerkarte aktualisieren.

Schnell drücken, F12wenn neue Registerkarte geöffnet wird

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

Funktioniert für mich, wenn ich die Download-Antworten von Google Drive überwache

* Haftungsausschluss: Gepostet vom Entwickler von HttpWatch *

HttpWatch unter Windows kann den Netzwerkverkehr aufzeichnen, der beim Öffnen einer neuen Chrome-Registerkarte oder eines neuen Chrome-Fensters generiert wird, indem die automatische Aufzeichnung unter Extras-> Optionen-> Aufzeichnung aktiviert wird. Klicken Sie im neuen Fenster auf das HttpWatch-Symbol, um die Netzwerkablaufverfolgung anzuzeigen.

Die kostenlose Version enthält grundlegende Informationen wie URL, Statuscode und verstrichene Zeit für jede Anfrage.

* Haftungsausschluss: Gepostet vom Entwickler von HttpWatch *