Output Console / Network — новые фильтры доменов и экспоненциальные ползунки
Вкладка Network в Output Console прошла в мае 2026 года самую серьёзную перестройку с момента её появления. Новые поля фильтров доменов с поддержкой множества записей одновременно, Alt-клик для мгновенного добавления, ползунки размера и времени наконец-то с тонкой градацией в нижней части шкалы, изменяемые колонки DataLayer, более читаемые длинные URL. Вот полный обзор изменений с v2.13.193–v2.13.205.
«Домены+» и «Домены-» — много доменов одновременно (v2.13.199)
Прежний фильтр доменов принимал одно значение. На практике вы наблюдаете за несколькими сервисами сразу — аналитика + изображения + API. Теперь есть два поля рядом друг с другом в строке статусов:
- «Домены+» — список доменов, которые вы хотите видеть. Запись проходит, если совпадает с любым из них.
- «Домены-» — список доменов для исключения. Запись, совпадающая с любым из них, исчезает.
В обоих полях вы вводите много доменов, разделённых вертикальной чертой |, например cdn.example.com|api.example.com|images.example.com. Фильтр применяется на лету, без подтверждения.
Alt+клик — добавление домена прямо из строки Network (v2.13.200)
Вместо того чтобы вводить домен вручную, кликните по строке Network с модификатором:
- Alt+клик — добавляет (или удаляет) домен записи в поле «Домены+».
- Alt+Shift+клик — добавляет (или удаляет) домен в поле «Домены-».
Первая версия сочетания была на Ctrl (v2.13.199), но Ctrl+клик на macOS перехватывается системой как контекстное меню — клик не доходил до слушателя. Alt+клик работает одинаково на Windows, Linux и macOS и не конфликтует ни с одним их нативным сочетанием. Сочетание работает как переключатель: следующий Alt+клик по тому же домену удаляет его.
Ползунки размера и времени — экспоненциальная шкала + поля ввода (v2.13.198)
Прежние ползунки были линейными, поэтому один шаг левого ползунка составлял ~16 КБ или ~1000 мс — стоило сдвинуть их с нуля, как сразу отпадала половина записей. Теперь у вас есть:
- Экспоненциальная шкала (кривая
^3) — нижняя часть дорожки покрывает малые значения с тонкой градацией (единичные КБ / мс за шаг), верхняя часть охватывает широкие диапазоны. То, что вас обычно интересует (небольшие ответы, быстрые запросы), находится прямо под пальцем. - Меньший минимальный зазор между ползунками — сведя ползунки вместе в нижней части шкалы, вы получаете крошечный диапазон вместо, скажем, «0–112 КБ».
- Поля ввода по обе стороны дорожки — вводите min и max вручную (в КБ / мс). Поле и ползунок синхронизированы: двигаете ползунок — обновляются поля; вводите значение — ползунок прыгает.
Записи без размера — скрыты, как только вы сдвигаете фильтр (v2.13.197)
Часть ответов Network не имеет заголовка content-length (стриминг, chunked). Раньше такие записи игнорировали фильтр размера и показывались всегда, что странно выглядело после сдвига ползунка («кажется, я отфильтровал, но эта одна всё ещё висит»). Теперь: сдвинутый ползунок размера скрывает также записи без указанного размера. Поведение по умолчанию (ползунок в полном диапазоне) без изменений.
Сокращение длинных URL — только в свёрнутой строке (v2.13.195)
Длинный query string мог занять всё окно Network. Теперь в свёрнутой строке (вкладки Network и All) URL сокращается до 255 символов. Разверните стрелкой (▸/▾) — и видите полный URL без сокращения — детали всегда полные. Перенос строк в любом месте (длинные токены, URL) не даёт ничему вылезать за пределы окна.
Изменяемые колонки DataLayer + единообразный шрифт (v2.13.194 + v2.13.196)
Вкладка DataLayer имеет две колонки: «Новые push-уведомления» и «Снимок window.dataLayer». Средняя линия между ними теперь перетаскиваемый разделитель — пропорция сохраняется на сессию для каждого окна Output. Непрерывная перестройка списка снимков страницы больше не отсоединяет колонки во время перетаскивания (перестройка приостанавливается на время перетаскивания).
Другой небольшой правкой был шрифт правой панели DataLayer: дерево window.dataLayer теперь наследует размер шрифта панели Output Console (более раннее правило !important блокировало изменение).
Сценарий 1 — триаж производительности только критических запросов
Вы попадаете на страницу клиента и хотите видеть только критические запросы — без трекинг-пикселей, без изображений. «Домены-» получает google-analytics.com|googletagmanager.com|hotjar.com|facebook.net; ползунок времени опускается до 500 мс, ползунок размера — до 50 КБ. У вас остаются только самые медленные, самые тяжёлые запросы, и вы обычно знаете, о каком из них идёт речь в жалобе.
Сценарий 2 — отладка трекинга, только ваша аналитика
Обратный сценарий: вам нужны только запросы трекинга. «Домены+» = google-analytics.com|googletagmanager.com|cloudflareinsights.com. Всё остальное в Network уходит из поля зрения, панель dataLayer рядом показывает текущее состояние. Счётчик вкладки по-прежнему показывает, сколько запросов сработало в общей сложности, так что вы видите, какую долю трафика составляет трекинг.
Смотрите также
- Output Console — окно, в котором живёт вкладка Network
- Клавиатурные сочетания JustZix — полная шпаргалка — включая Alt+клик / Alt+Shift+клик
- Окна на странице — окна разработчика внутри страницы
Установите JustZix — и получите Network-монитор уровня DevTools на каждой вкладке.
Оцени эту статью
Оценок пока нет — оцени первым.