В Chrome DevTools появилась превью-версия новой панели Recorder

Опубликовано Янв 10, 2022

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) 4 января 2022 г.

С помощью новой панели можно:

Записывать типичные пути пользователей на сайте или в приложении для дальнейшей отладки. Например, можно записать процесс заказа кофе с помощью демо-приложения. После добавления кофе и заполнения платежных данных можно завершить запись или нажать кнопку «Measure performance» для оценки User Flow (последовательности действий, которую пользователь выполняет для решения задачи) на панели «Производительность».

Проигрывать записи для проверки рабочих процессов и сценариев;

Генерировать подробную трассировку производительности и экспортировать скрипт Puppeteer для тестирования.

Чтобы увидеть новую панель, нужно открыть Инструменты разработчика в Chrome, кликнуть на меню в виде трех точек в правом верхнему углу консоли, выбрать пункт «Другие инструменты» и найти «Recorder».

Откроется следующая панель:

Сейчас читают

Сервис вопросов и ответов Яндекс Кью превратится в «музей…

День SEO-специалиста: истоки профессии и славные былые…

Документация по новой панели доступна по ссылке.

О том, что в Chrome DevTools появится возможность анализа User Flow, стало известно в ноябре.

Напомним, что Инструменты разработчика Chrome теперь доступны и на русском языке.

Источник