What's new in DevTools
summary
Chrome DevTools adds concrete, testable features: a grid overlay with line numbers and customizable layout pane that keeps labels rotating during grid animations; locale and time‑zone emulation and an Idle State Emulation for the Idle Detection API so idle/active flows can be triggered instantly; disable local fonts and a prefers‑reduced‑data media query emulation; editable CSS‑in‑JS animations, forceable :focus‑visible, capture node screenshot shortcut; accessibility vision‑deficiency emulation plus AA/AAA color suggestions and a CSS overview listing issues; an Issues tab with fix guidance and a WebAuthn virtual authenticator for testing.
AI-written summary · about
chapters (9)
- 0:00Intro
- 0:46Grid
- 1:31Rendering
- 2:10Idle Detections
- 2:45Fonts
- 3:56Elements
- 5:31Accessibility
- 7:34New tabs panels
- 9:27Outro
related talks
20mGoing steady with the Chrome Dev Tools
48mWhat’s New in Chrome DevTools
23mWhat’s new in DevTools
10mThe CSS-ential Guide to New DevTools Features
43mWork Smarter, not Harder with Chrome DevTools
25mDevTools: State of the Union 2022
43mModern web debugging with devtools
35mOptimise your Web Development Workflow