Chrome Dev Tools: jak śledzić sieć pod kątem linku, który otwiera nową kartę?

Chcę śledzić aktywność sieci, która ma miejsce po kliknięciu łącza. Problem polega na tym, że link otwiera nową kartę i najwyraźniej narzędzia programistyczne działają na karcie, dla której były otwarte. „Zachowaj dziennik po nawigacji” nie pomaga.

Moje obecne rozwiązanie to przejście do FireFox i HttpFox, które nie mają tego problemu. Zastanawiam się, jak zarządzają wszyscy programiści Chrome. Brzmi to dość prosto (oczywiście szukałem odpowiedzi, nie znalazłem nic pomocnego).

Sprawdź chrome://net-internals/#events(lub chrome://net-exportw najnowszej wersji Chrome), aby uzyskać szczegółowy przegląd wszystkich zdarzeń sieciowych zachodzących w przeglądarce.

Innym możliwym rozwiązaniem, w zależności od konkretnego problemu, może być włączenie opcji „Zachowaj dziennik” na karcie „Sieć”:

i wymuś otwieranie wszystkich łączy na tej samej karcie, wykonując następujący kod w konsoli:

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

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

Żądanie cecha wspomniano w komentarzu przez phsource został wdrożony.

W najnowszych wersjach (począwszy od Chrome 50) możesz przejść do menu Ustawień narzędzi dla programistów (otwórz Narzędzia dla programistów, a następnie użyj menu z trzema kropkami lub naciśnij F1) i zaznacz pole „Automatycznie otwieraj DevTools dla wyskakujących okienek”.

W przeglądarce Chrome 61.0.3163.100 dostępna jest teraz następująca opcja. Dostęp do niego można uzyskać, przechodząc do Ustawień Narzędzi Chrome. Jest na dole.

• Dodaj / zaktualizuj link do target="_self"
• Zaznacz „zachowaj dzienniki podczas nawigacji” na karcie Sieć.
• Kliknij link, aby zarejestrować Twoje żądanie

Możesz to zrobić w ten sposób:

1. ustaw target = "any_window_name" na pożądanym linku.
2. kliknij ten link jeden raz, aby otworzyć go w nowej karcie.
3. Na otwartej karcie otwórz narzędzia programistyczne.

4. wróć do strony początkowej i ponownie kliknij ten link.

   Wynik zostanie załadowany do już przygotowanego okna z otwartymi narzędziami programistycznymi.

   Możesz aktywować opcję „zachowaj dziennik” w narzędziach programistycznych (patrz doskonała odpowiedź Konrada Dzwinela), aby przechwytywać ruch przekierowujący na tym łączu.

   Uwaga : większość ludzi zna cel linków target {_self, _blank, _parent, _top}. Ale w rzeczywistości można podać dowolną nazwę, spowoduje to otwarcie nowego okna o tej nazwie, a wszelkie kolejne kliknięcia linków, formularzy lub okna. Otwarte o tej samej wartości docelowej zostaną otwarte w tym samym oknie. dalsze czytanie - znacznik mdn: window.open , mdn: <a>

Jeśli otwarty link nie przekierowuje, możesz otworzyć kartę Sieć na nowej karcie, a następnie odświeżyć kartę.

Szybko naciśnij, F12gdy otworzy się nowa karta

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

Działa dla mnie, gdy monitoruję odpowiedzi na pobieranie z Dysku Google

* Oświadczenie: Wysłane przez programistę HttpWatch *

HttpWatch w systemie Windows może rejestrować ruch sieciowy generowany po otwarciu nowej karty lub okna Chrome, włączając automatyczne nagrywanie w menu Narzędzia-> Opcje-> Nagrywanie. W nowym oknie kliknij ikonę HttpWatch, aby wyświetlić ślad sieci.

Darmowa wersja zapewni podstawowe informacje, takie jak adres URL, kod stanu i upływu czasu dla każdego żądania.

* Oświadczenie: Wysłane przez programistę HttpWatch *