Подтвердить что ты не робот

Инструменты Chrome Dev: как отслеживать сеть для ссылки, которая открывает новую вкладку?

Я хочу отслеживать сетевую активность, которая происходит, когда я нажимаю ссылку. Проблема в том, что ссылка открывает новую вкладку, и, очевидно, Dev Tools работает на каждую вкладку, для которой она была открыта. "Сохранять журнал при навигации" не помогает.

Моим текущим решением является переход на FireFox и HttpFox, у которых нет этой проблемы. Интересно, как все разработчики для Chrome управляются, это звучит довольно основательно (конечно, я искал ответ, не нашел ничего полезного).

4b9b3361

ОТВЕТЫ

Ответ 1

Проверьте chrome://net-internals/#events (или chrome://net-export в последней версии Chrome) для подробного обзора всех сетевых событий, происходящих в вашем браузере.

Другим возможным решением, в зависимости от вашей конкретной проблемы, может быть включение "Сохранить журнал" на вкладке "Сеть":

DevTools > Network > Preserve log

и заставить все ссылки открываться в одной вкладке, выполнив следующий код в консоли:

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

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

Ответ 2

Выполнен запрос функции, указанный в комментарии от phsource.

В последних версиях (начиная с Chrome 50) вы можете перейти в меню "Настройки инструментов разработчика" (откройте "Инструменты разработчика", затем используйте меню "3 точки" или нажмите F1) и установите флажок "Автоматическое открытие" DevTools для всплывающих окон ".

Ответ 3

В Chrome 61.0.3163.100 теперь доступна следующая опция. Доступ к нему можно получить, перейдя в Настройки инструментов Chrome Dev. Это внизу.

Web Inspector settings

Ответ 4

  • Добавить/обновить ссылку на target="_self"
  • Отметьте "сохранить журналы при навигации" на вкладке "Сеть".
  • Нажмите на ссылку и зарегистрируйте свой запрос

Ответ 5

Вы можете сделать это следующим образом:

  • set target = "any_window_name" по желаемой ссылке.
  • щелкните по этой ссылке один раз, чтобы открыть ее на новой вкладке.
  • В открытой вкладке откройте инструменты разработчика.

  • вернитесь к исходной странице и снова нажмите эту ссылку.

    Результат будет загружен в уже подготовленное окно с открытыми инструментами разработчика.

    Вы можете активировать опцию "сохранить журнал" в инструментах разработчика (см. отличный ответ от Konrad Dzwinel), чтобы поймать любой перенаправленный трафик по этой ссылке.

    Примечание: большинство людей знакомы с мишенью ссылки ∈ {_self, _blank, _parent, _top}. Но на самом деле можно указать любое имя, это откроет новое окно с этим именем, и любые последующие клики по ссылкам, формам или window.open с одинаковым целевым значением будут открыты в том же окне. дальнейшее чтение - mdn: window.open, mdn: <a> тег

Ответ 6

Если открытая ссылка не перенаправляется, вы можете открыть вкладку "Сеть" на новой вкладке, а затем обновить вкладку.

Ответ 7

Быстро нажмите F12, когда откроется новая вкладка

fooobar.com/questions/41433/...

Работает для меня, когда я отслеживаю ответы на скачивание Google Диска

Ответ 8

* Отказ от ответственности: Опубликовано разработчиком HttpWatch *

HttpWatch в Windows можно записать сетевой трафик, сгенерированный при открытии новой вкладки или окна Chrome, включив автоматическую запись в Инструменты → Настройки- > Запись. В новом окне щелкните значок HttpWatch, чтобы просмотреть трассировку сети.

бесплатная версия предоставит базовую информацию, такую ​​как URL, код состояния и прошедшее время для каждого запроса.

* Отказ от ответственности: Опубликовано разработчиком HttpWatch *