4 января Google начал запуск Chrome 97 и обновления DevTools. Среди основных изменений в Инструментах разработчика значится превью-версия новой панели Recorder, которая позволяет анализировать пользовательские сценарии (User Flow).
Heads-up, Chrome 97 is rolling out today. New in DevTools:
*Use the new Recorder panel to record, replay and measure user flows (like a checkout process).
*More modern devices are now added in the device list. https://t.co/0xlipVfbnw pic.twitter.com/1g8bTFoHRV— Glenn Gabe (@glenngabe) January 4, 2022
С помощью новой панели можно:
- Записывать типичные пути пользователей на сайте или в приложении для дальнейшей отладки. Например, можно записать процесс заказа кофе с помощью демо-приложения. После добавления кофе и заполнения платежных данных можно завершить запись или нажать кнопку «Measure performance» для оценки User Flow (последовательности действий, которую пользователь выполняет для решения задачи) на панели «Производительность».
- Проигрывать записи для проверки рабочих процессов и сценариев;
- Генерировать подробную трассировку производительности и экспортировать скрипт Puppeteer для тестирования.
Чтобы увидеть новую панель, нужно открыть Инструменты разработчика в Chrome, кликнуть на меню в виде трех точек в правом верхнему углу консоли, выбрать пункт «Другие инструменты» и найти «Recorder».
Откроется следующая панель:
Документация по новой панели доступна по ссылке.
О том, что в Chrome DevTools появится возможность анализа User Flow, стало известно в ноябре.
Напомним, что Инструменты разработчика Chrome теперь доступны и на русском языке.