DevTools: вкладка Network на полную мощность

Большинство используют Network, чтобы посмотреть статус ответа. Вот что ещё она умеет 👇

🔍 Фильтры в строке поиска: status-code:500 -только упавшие запросы method:POST - только отправка данных -domain:analytics.example.com - убрать шум аналитики larger-than:500k - найти тяжёлые ответы

🔁 Replay XHR (правый клик по запросу) повторяет запрос без перезагрузки страницы. Удобно для проверки идемпотентности: что будет, если платёж отправят дважды?

📋 Copy as cURL даёт готовую команду для баг-репорта. Разработчик воспроизведёт проблему за секунду, без описания «нажала кнопку, потом ещё одну».

🚫 Block request URL блокирует конкретный запрос или домен. Так проверяется поведение фронта, когда один из сервисов недоступен: крашится страница или показывается понятная ошибка?

✏️ Override content подменяет ответ сервера локально. Можно проверить, как фронт отрисует пустой массив, null в обязательном поле или очень длинную строку, не дожидаясь тестовых данных от бэка.

🐢 Throttling эмулирует медленный 3G или офлайн. Проверьте лоадеры, повторную отправку формы и двойные клики по кнопке «Оплатить».

📌 Preserve log сохраняет запросы при редиректах. Без этой галочки запросы авторизации исчезают, прежде чем вы успеете их увидеть.

Какой приём из DevTools экономит время вам? 👇 Всех обняла!

#QA #DevTools #WebTesting #Тестирование