~/talk

DevTools: State of the Union 2022

Talkat Google I/O 2022 · 2022-05-11..05-12· [web-platform, developer-experience]

speaker

name:Jecelyn Yeen

website:http://jec.fish

resources

video:https://youtu.be/YqWEqYa-evk

slides:none on file

summary

Demos new DevTools features: grid area labels and container queries for component-based layout, CSS cascade layers visible in the Styles pane, simulated user-preference media (reduced motion, forced-colors), a full-page accessibility tree, and a one-click copy of Styles changes. Network shows WebSocket throttling and CORS requests linked to the Issues tab; Console now allows const/let/class redeclaration and better property sorting. WebAssembly debugging cuts link time from 400 seconds to 23 seconds and breakpoint scope load from 20s to 2s. Recorder exports JSON, converts to Cypress or Puppeteer Replay, and supports longer timeouts and custom selectors.

AI-written summary · about

chapters (8)

related talks