Chapters:
0:00 - Intro
0:13 - Step-by-step replay in the Recorder
1:06 - Support mouse over event in the Recorder
2:21 - Identify FOIT/FOUT in the Performance insights panel
3:02 - LCP in the Performance insights panel
3:40 - Top layer badge in the Elements panel
4:38 - Attach wasm debugging info during runtime
5:06 - Protocol handlers in the Manifest Pane
6:38 - Bonus Tip: Use Recorder to record DevTools user flows
Questions? Tweet to us:
Jecelyn Yeen → https://twitter.com/jecfish
Chrome DevTools → https://twitter.com/chromedevtools
Links:
Recorder reference → https://goo.gle/devtools-recorder-reference
Performance insights → https://goo.gle/devtools-performance
Largest Contentful Paint → https://goo.gle/3KmEi5e
Protocol handler → https://goo.gle/3cfbUoR
What’s New in DevTools → https://goo.gle/NewInDevTools
Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs
#ChromeDeveloper #WebDev #DevTools