#devtools #инструменты
Recorder в Chrome DevTools
В девтулзах недавно появилась очередная экспериментальная фича - Recorder. Он (предсказуемо) генерит скрипт из шагов, которые вы проходите по ui веб-приложения (нажали на кнопку - ввели текст - кликнули по ссылке).
Если Рекордера нет в Девтулзах
Тогда его можно добавить через три точки в правой части панели (оно же More options) > More tools > Recorder. Ну или обновите Хром до 97 версии.
Как это работает
Запись шагов начинается и заканчивается по нажатию кнопок в меню Рекордера.
Также можно редактировать шаги.
Можно запустить записанный флоу.
В этой части Рекордер, кажется, ничем не отличается от остальных аналогичных инструментов.
Из интересного
Можно экспортировать записанный скрипт в Puppeteer и дорабатывать его там.
Можно включить троттлинг и потом оценить, насколько хорошо веб-приложение отрабатывает при разной скорости соединения.
Можно оценить перформанс приложения на пройденном флоу. Для этого надо нажать Measure performance.
Больше инфы тут.
Recorder в Chrome DevTools
В девтулзах недавно появилась очередная экспериментальная фича - Recorder. Он (предсказуемо) генерит скрипт из шагов, которые вы проходите по ui веб-приложения (нажали на кнопку - ввели текст - кликнули по ссылке).
Если Рекордера нет в Девтулзах
Тогда его можно добавить через три точки в правой части панели (оно же More options) > More tools > Recorder. Ну или обновите Хром до 97 версии.
Как это работает
Запись шагов начинается и заканчивается по нажатию кнопок в меню Рекордера.
Также можно редактировать шаги.
Можно запустить записанный флоу.
В этой части Рекордер, кажется, ничем не отличается от остальных аналогичных инструментов.
Из интересного
Можно экспортировать записанный скрипт в Puppeteer и дорабатывать его там.
Можно включить троттлинг и потом оценить, насколько хорошо веб-приложение отрабатывает при разной скорости соединения.
Можно оценить перформанс приложения на пройденном флоу. Для этого надо нажать Measure performance.
Больше инфы тут.