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 экономит время вам? 👇 Всех обняла!
· 2 ч
Мне очень экономит OrgDevTools.ru ))
0
ответить
коммент скрыт — часть юзеров считает его токсичным или некорректным
коммент удалён