DevTools: State of the Union 2022
Channel: Chrome for Developers
Date: 2022-05-12

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