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

4 января Google начал запуск Chrome 97 и обновления DevTools. Среди основных изменений в Инструментах разработчика значится превью-версия новой панели Recorder, которая позволяет анализировать пользовательские сценарии (User Flow).

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

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

  • Проигрывать записи для проверки рабочих процессов и сценариев;
  • Генерировать подробную трассировку производительности и экспортировать скрипт Puppeteer для тестирования.

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

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

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

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

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

Читайте так же:

  • Сравнение MAGENTO 2 VS MAGENTO 1Сравнение MAGENTO 2 VS MAGENTO 1 Направления нашей деятельности - создание сайтов для бизнеса. Который будет приносить прибыль и комплексная поддержка сайтов. Обратившись к нам вы можете заказать сайт под ключ в Киеве, заказать интернет магазин. Заказать продвижение сайта (заказать SEO). Заказать продвижение в […]
  • Можно создать свой сайт наполнить информацией ознакомительногоМожно создать свой сайт наполнить информацией ознакомительного Хотите создать свой собственный интернет-магазин? В наши дни это легко. Вам не нужен программист, или у вас нет опыта создания сайта. Мы покажем вам, как это сделать. 1. Установите пробную версию Сначала создайте бесплатный интернет-магазин zdarma viath с 14-дневной пробной версией. […]
  • [Перевод] Я не чувствую давления async[Перевод] Я не чувствую давления async Async в моде. Async Python, Async Rust, Go, Node, .NET и т.д. Выбирайте свою любимую экосистему, и в ней будет свой модуль для асинхронности. Насколько хорошо работает вся эта асинхронная история, во многом зависит от экосистемы и среды выполнения языка, но в целом у нее есть несколько […]
  • Так выглядит самый дешевый смартфон Samsung с поддержкой 5G. Опубликованы рендеры и характеристики Galaxy A22 5G и Galaxy A22 4GТак выглядит самый дешевый смартфон Samsung с поддержкой 5G. Опубликованы рендеры и характеристики Galaxy A22 5G и Galaxy A22 4G В Сети появились новые подробности о готовящихся к выпуску смартфонах Samsung Galaxy A22 5G и Galaxy A22 4G. Первый станет самой доступной моделью компании с поддержкой сетей пятого поколения. Но что касается дизайна. То тут никаких различий нет – выглядят смартфоны практически […]