← Все статьи

Окна во фронтенде

Фильтрация сетевого трафика в окне Output Console

Вкладка Network в окне Output Console показывает сетевые запросы страницы прямо на самой странице — без открытия DevTools. Когда страница генерирует их сотни, одного списка недостаточно. В последних версиях добавлен полный набор фильтров: по домену, по размеру и по времени. Вот как ими пользоваться.

Фильтр доменов: «Домены+» и «Домены-»

Рядом со статусами есть два поля. «Домены+» оставляет только записи с указанного домена; «Домены-» убирает записи, которые ему соответствуют. Оба принимают несколько доменов, разделённых вертикальной чертой, например wp.pl|onet.pl — запись подходит, когда содержит любой из них.

Добавление доменов кликом

Домены не нужно перепечатывать вручную. Alt+клик на строке Network добавляет её домен в «Домены+» (повторный Alt+клик его убирает). Alt+Shift+клик делает то же самое для «Домены-». За несколько кликов вы сужаете список до одного сервиса или вырезаете аналитический шум.

Ползунки размера и времени

Два двусторонних ползунка ограничивают список запросами заданного размера (кБ) и времени (мс). Шкала экспоненциальная — нижняя часть дорожки имеет мелкую градацию, поэтому легко отсеять небольшие пинги, не теряя сразу всё. По обеим сторонам дорожки есть поля ввода для ручного задания значений мин/макс; ползунок и поле остаются синхронизированными.

Примечание: когда вы двигаете ползунок размера, исчезают также записи без указанного размера (нет заголовка content-length) — их нельзя сравнить с порогом.

Читаемость длинных записей

Длинные адреса в свёрнутой строке обрезаются до 255 символов, чтобы один URL с раздутой строкой запроса не занял всё окно. Полный адрес виден после разворачивания строки. Время вызова и размер выделены фоном, поэтому сразу бросаются в глаза.

Зачем всё это

Фильтры превращают «стену запросов» в инструмент расследования. Хотите увидеть, что страница отправляет конкретному трекеру? Введите его домен в «Домены+». Ищете тяжёлый ресурс, который замедляет страницу? Поднимите нижнюю границу ползунка размера. Всё на странице, в окне, которое можно держать открытым рядом с содержимым.

Установите JustZix и держите обзор сетевого трафика под рукой на каждой странице.

Оцени эту статью

Оценок пока нет — оцени первым.

Попробуй сам

Установи JustZix и вставь любой сниппет из этой статьи. Две минуты от нуля до работающего правила на всех твоих устройствах.

Получить JustZix

Возможности · Как это работает · Примеры · Применение