Раздел 43 · Автотестирование с нуля

DevTools браузера

junior~25 мин

без входаВойди, чтобы отмечать прогресс, вести заметки и решать задачи в редакторе. войти

Ника · фронтенд, #web-antrakt

Поддержка пишет: покупатель оплатил один заказ, а в личном кабинете у него два. Повторить у меня не выходит, кнопка «Купить» работает. Покупатель прислал HAR-файл. Глянешь, что там? Я в него смотреть не умею, честно.

Покупатель видел кнопку, Ника видит код кнопки, Тимур видит API. Между ними стоит браузер, и только он знает, что ушло на сервер. В этом уроке научимся подслушивать браузер с помощью DevTools и прочитаем HAR-файл покупателя.

Квитанции из кассы

Ты покупаешь продукты. Кассир пробивает товары, ты платишь и уходишь. Дома оказывается, что с карты списали дважды. Что было на кассе, ты не помнишь: стоял, смотрел в телефон.

Спасает чек. На нём каждая позиция, время и сумма. По чеку видно: молоко пробили два раза с разницей в секунду. Ты не видел, как это случилось, но чек всё записал.

У браузера тоже есть такой чек. Каждый раз, когда страница ходит на сервер, браузер записывает запрос и ответ. Ты жмёшь «Купить» и видишь красивую галочку, а в журнале браузера видно, какие запросы ушли, сколько их было и что ответил сервер.

урок из курса

Урок из курса «Автотестирование с нуля». Курс покупается один раз и остаётся навсегда: 500 ₽.

Оплата пока не подключена: премиум и курсы открываются промокодом.