DevTools: State of the Union 2022

Опубликовано 12 мая 2022, 18:11

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 → goo.gle/devtools-performance
Record, replay, and measure user flows → goo.gle/devtools-recorder
Identify potential CSS improvements → goo.gle/css-overview
Grid debugging tools → goo.gle/devtools-grid
Full page accessibility tree → goo.gle/accessibility-tree
Debugging WebAssembly Faster → goo.gle/faster-wasm-debugging
Performance Insights panel → goo.gle/devtools-performance
User flow Recorder → goo.gle/devtools-recorder
Puppeteer Replay → goo.gle/puppeteer-replay

Speaker: Jecelyn Yeen

Watch more:
All Google I/O 2022 Sessions → goo.gle/IO22_AllSessions
Web at I/O 2022 playlist → goo.gle/IO22_Web
All Google I/O 2022 technical sessions → goo.gle/IO22_Sessions

Subscribe to Google Chrome Developers → goo.gle/ChromeDevs

#GoogleIO