Советы по DevTools: редактирование, отладка и экспорт записей пользовательского потока

София Емельянова
Sofia Emelianova

Панель DevTools Recorder позволяет фиксировать действия пользователя на вашей странице, воспроизводить, делиться ими и экспортировать их в различные форматы, которые вы можете использовать в своем CI/CD.

Панель «Запись» находится в активной разработке, и недавно в нее были добавлены новые функции, которые помогут вам редактировать, отлаживать и экспортировать записи.

С помощью панели «Рекордер» вы можете:

  • Замедляйте воспроизведение, устанавливайте точки останова, приостанавливайте, возобновляйте или продвигайте выполнение на шаг за раз.
  • Во время паузы взаимодействуйте со страницей или переключайтесь на другие панели для дальнейшего изучения.
  • Добавьте шаги, которые рекордер не фиксирует автоматически. Например, наведение курсора мыши, которое в противном случае загрязняет записи.
  • Настройте шаги, например добавьте тайм-ауты, условия и утверждения.
  • Экспортируйте записи в различные форматы, такие как JSON, @puppeteer/replay script и Puppeteer script .

Кроме того, вы можете добавить дополнительные форматы экспорта, используя расширения Chrome для панели «Рекордер» . На момент написания вы можете добавить расширения для следующих инструментов: Cypress , WebPageTest , Nightwatch , Testing Library и WebdriverIO . Ознакомьтесь с полным списком расширений .

Для дополнительной информации: