Як використовувати мережевий налагоджувач Chrome із переспрямуванням


379

Мережевий налагоджувач Chrome дає мені прекрасний перегляд усіх HTTP-ресурсів, завантажених на сторінку. Але він очищає список кожного разу, коли завантажується нова HTML-сторінка верхнього рівня. Це робить дуже важким налагодження сторінок, які автоматично завантажуються з тих чи інших причин (запущений сценарій або 300 відповідей).

Чи можу я сказати Chrome не очищати відладчик мережі, коли завантажується нова сторінка верхнього рівня? Або я можу повернутися назад і подивитися на мережеві ресурси попередньої сторінки?

Або я можу якось змусити Chrome зробити паузу перед завантаженням нової сторінки, коли я не контролюю сторінку, я намагаюся налагоджувати, що робить переадресацію? Це частина танцю OpenID, який відбувається не так, тому поєднання SSL та облікових даних робить надзвичайно важким налагодження інструментами командного рядка.


Як цей дублікат отримав більше оновлень, ніж той, який розміщено за 1 місяць до нього? stackoverflow.com/q/10703944/632951
Pacerier

6
@Pacerier Пов’язаний вами, схоже, не розміщений вами, але, мабуть, міркування не мають "Chrome" у назві. Коли люди шукають щось, що стосується Chrome, їх пошук зазвичай включає ключове слово Chrome. "Інструменти для розробників Google" неймовірно неоднозначні.
Джоел Меллон

Відповіді:


527

Це було змінено з v32, завдяки @Daniel Alexiuc & @Thanatos за їх коментарі.


Поточний (≥ v32)

У верхній частині вкладки "Мережа" DevTools є прапорець, щоб увімкнути функцію "Зберегти журнал". Якщо це встановлено, мережевий журнал зберігається при завантаженні сторінки.

Chrome v33 DevTools Network Tab: Зберегти журнал

Маленька червона крапка зліва тепер має на меті повністю вмикати та вимикати вхід у мережу.


Старіші версії

У старих версіях Chrome (v21 тут) у нижній частині нижнього колонтитулу вкладки "Мережа" є маленька червона крапка.

Chrome v22 DevTools Network Tab: Збереження журналу при навігації

Якщо ви наведіть на нього курсор, він скаже вам, що він буде "Зберегти журнал навігації", коли він активований. Це виконує обіцянку.


1
У версії 32 він все ще є, але перемістився до верхньої частини мережевої панелі.
Даніель Алексюк

4
Насправді він зараз знаходиться вгорі, але називається "Зберегти журнал", і є прапором. Конфузно, що ще є червоний значок запису, але це лише те, чи потрібно взагалі входити в систему.
Танатос

1
Дякую за коментар щодо зміни, я просто оновив відповідь відповідно.
bfncs

@ruben, інтерфейс справді виглядає дещо інакше, але все ще є позначка
bfncs

14
@ rubenlop88 Переконайтеся, що ви не фільтруєте документи , інакше вони не збережуться. Ви можете перевірити їх конкретно на вкладці Інше .
alex

173

Я не знаю, як змусити Chrome не очистити відладчик мережі, але це може зробити те, що ви шукаєте:

  1. Відкрийте консоль js
  2. window.addEventListener("beforeunload", function() { debugger; }, false)

Це призупинить хром перед завантаженням нової сторінки, натиснувши точку перерви.


55
Це не була правильна відповідь на запитання, але насправді це те, що я шукаю. Дякую.
isaaclw

2
Це так гладко. Я прийшов сюди шукати рішення "пауза перед перенаправленням" і ось воно. Прийняту відповідь легше запам’ятати, але це рад.
Джоел Меллон

19
Це надзвичайно корисно, оскільки хром не показує тіло відповіді сервера, якщо браузер перенаправляє відразу після отримання відповіді.
Крістоф Домбі

23

Просто оновіть відповідь @bfncs

Я думаю, що навколо Chrome 43 поведінка трохи змінилася. Потрібно ввімкнути режим збереження журналу для перегляду, але тепер переадресація відображається у вкладці "Інше", коли завантажений документ відображається під Doc.

Це завжди бентежить мене, тому що у мене дуже багато мережевих запитів і фільтрую його за типом XHR, Doc, JS і т. Д. Але в разі перенаправлення вкладка Doc порожня, тому я мушу здогадуватися.


1
Ти герой, якого я шукав!
Меттью Гаворт

23

Ще одним чудовим рішенням для налагодження мережевих викликів перед перенаправленням на інші сторінки є вибір beforeunloadточки перерви події

Таким чином ви запевняєте перервати потік прямо перед тим, як перенаправити його на іншу сторінку, таким чином усі мережеві дзвінки, мережеві дані та журнали консолі все ще є.

Це рішення найкраще, коли ви хочете перевірити, яка відповідь на дзвінки

Chrome перед завантаженням точки перерви події

PS: Ви також можете використовувати точки перерви XHR, якщо ви хочете зупинитись перед конкретним дзвінком або будь-яким дзвінком (див. Приклад зображення) Точка розриву XHR


2
Це чудово. За допомогою loadподії ми можемо зупинитися на початку і легко встановити крапку. Дякую!
LeOn - Хан Лі
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.