DevTools: State of the Union 2022
See a demo tour of new DevTools features that allow web developers to generate site performance insights, automate user flows, debug design issues, and more.
00:00 Introduction
00:38 Design
06:19 Accessibility
08:44 Debugging
12:50 WebAssembly (WASM)
14:16 Performance insights
20:38 Automation - User flow Recorder
23:09 User flows transformation - Puppeteer Replay
Resources:
Identify potential performance improvements with the Performance Insights panel → https://goo.gle/devtools-performance
Record, replay, and measure user flows → https://goo.gle/devtools-recorder
Identify potential CSS improvements → https://goo.gle/css-overview
Grid debugging tools → https://goo.gle/devtools-grid
Full page accessibility tree → https://goo.gle/accessibility-tree
Debugging WebAssembly Faster → https://goo.gle/faster-wasm-debugging
Performance Insights panel → https://goo.gle/devtools-performance
User flow Recorder → https://goo.gle/devtools-recorder
Puppeteer Replay → https://goo.gle/puppeteer-replay
Speaker: Jecelyn Yeen
Watch more:
All Google I/O 2022 Sessions → https://goo.gle/IO22_AllSessions
Web at I/O 2022 playlist → https://goo.gle/IO22_Web
All Google I/O 2022 technical sessions → https://goo.gle/IO22_Sessions
Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs
#GoogleIO
Watch video DevTools: State of the Union 2022 online without registration, duration hours minute second in high quality. This video was added by user Chrome for Developers 12 May 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 7,376 once and liked it 212 people.