How to edit and extend user flows with Recorder and Puppeteer Replay #DevToolsTips

11 953
16.7
Следующее
05.10.22 – 19 85320:41
Thinking on ways to solve TOOLTIPS
Популярные
143 дня – 2 0970:25
The updates to color in CSS
Опубликовано 29 сентября 2022, 18:07
Explore how to edit and assert your user flows in the Recorder, install extensions, and export it to various formats, as well as use Puppeteer Replay other libraries to customize and replay programmatically.

Chapters:
0:00 - Intro
0:17 - 2 ways to debug user flows
0:25 - Slow down the replay
0:40 - Set breakpoint, replay step by step
0:13 - Edit a step manually
2:01 - Configure a step
2:28 - Assert a step
3:37 - Export user flows
3:42 - Export and import as JSON
3:54 - Puppeteer Replay
4:07 - Schedule Puppeteer Replay
4:17 - Replay with third party libraries
4:31 - Export as Puppeteer Replay script
4:44 - Customize replay script
5:10 - Export as Puppeteer script
5:26 - Install Recorder extension
6:11 - Convert user flows programmatically
6:24 - Build your own Recorder library or extension

Links:
Code demo → goo.gle/recorder-demo
Get started with Recorder → goo.gle/devtools-recorder
Recorder reference → goo.gle/devtools-recorder-refe...
Puppeteer Replay → goo.gle/puppeteer-replay
Recorder extension → goo.gle/recorder-extension

Questions? Tweet to us:
Jecelyn Yeen → twitter.com/jecfish
Chrome DevTools → twitter.com/chromedevtools

Catch more DevTools Tips → goo.gle/DevToolsTips
Subscribe to Google Chrome Developers → goo.gle/ChromeDevs

#DevToolsTips #Chrome #Developer
Случайные видео
202 дня – 90 7359:25
How to Make a Big Decision
15 дней – 9192:17
IP networks for the AI era
автотехномузыкадетское