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

0 36

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

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

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

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

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

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

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

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

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

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

    Источник

    Оставьте ответ

    Ваш электронный адрес не будет опубликован.