it-swarm.com.de

Chrome Dev Tools: Wie kann ich das Netzwerk nach einem Link durchsuchen, 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 eine neue Registerkarte öffnet und anscheinend die Entwicklungstools für jede Registerkarte funktionieren, für die sie geöffnet waren. "Protokoll bei Navigation beibehalten" hilft nicht.

Meine derzeitige 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 verwalten, das klingt ziemlich einfach (natürlich habe ich nach der Antwort gesucht, nichts hilfreiches gefunden).

198
davka

Auschecken chrome://net-internals/#events (oder chrome://net-export in der neuesten Version von Chrome) für eine detaillierte Übersicht aller Netzwerkereignisse in Ihrem Browser.


Eine andere mögliche Lösung ist, abhängig von Ihrem spezifischen Problem, die Aktivierung von "Protokoll beibehalten" auf der Registerkarte "Netzwerk":

DevTools > Network > Preserve log

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;
};
196
Konrad Dzwinel

Der im Kommentar von phsource erwähnte Feature Request wurde implementiert.

In neueren Versionen (beginnend mit Chrome 50)) können Sie zum Menü "Einstellungen" der Entwicklertools wechseln (öffnen Sie die Entwicklertools und verwenden Sie das 3-Punkte-Menü oder klicken Sie auf F1) und aktivieren Sie das Kontrollkästchen "DevTools für Popups automatisch öffnen".

92
user2404501

In Chrome 61.0.3163.100 steht Ihnen jetzt die folgende Option zur Verfügung. Der Zugriff erfolgt über die Chrome Dev Tools-Einstellungen. Sie finden sie unten.

Web Inspector settings

18
Konrad Piascik
  • Füge den Link zu target="_self" Hinzu/aktualisiere ihn
  • Aktivieren Sie auf der Registerkarte "Netzwerk" die Option "Protokolle bei der Navigation beibehalten".
  • Klicken Sie auf den Link und Ihre Anfrage wird protokolliert
11

Du kannst es so machen:

  1. setze target = "any_window_name" auf den gewünschten Link.
  2. klicken Sie einmal auf diesen Link, um ihn in einem neuen Tab zu öffnen.
  3. Öffnen Sie auf der geöffneten Registerkarte die Entwicklertools.
  4. gehen Sie zurück zur Origin-Seite und klicken Sie erneut auf diesen Link.

    Das Ergebnis wird in ein bereits vorbereitetes Fenster geladen, in dem die Entwicklertools geöffnet sind.

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

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

8
Michael L.

Wenn der geöffnete Link nicht umgeleitet wird, können Sie die Registerkarte Netzwerk in der neuen Registerkarte öffnen und anschließend die Registerkarte aktualisieren.

3
orgads

Schnell getroffen F12 wenn sich eine neue Registerkarte öffnet

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

Funktioniert bei mir, wenn ich die Download-Antworten von Google Drive überwache

2
gkiko

* Haftungsausschluss: Gepostet vom Entwickler von HttpWatch *

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

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

* Haftungsausschluss: Gepostet vom Entwickler von HttpWatch *

0