Apply other effects: enable automatic dark theme, emulate focus, and more
Highlight ad frames, emulate focus on a page, disable local fonts and image formats, enable an automatic dark theme, and emulate vision deficiencies.
Emulate CSS media features
Emulate prefers-color-scheme, media type, forced-colors, prefers-contrast, prefers-reduced-motion, color-gamut.
Discover issues with rendering performance
Spot repainting, layout shifts, layers and tiles, scrolling issues, see rendering statistics and Core Web Vitals.
Recorder: Record, replay and measure user flows
Record, replay and measure user flows with the Recorder panel.
Debug background services
How to debug Background Fetch, Background Sync, Notifications, Push Messages, and view reports with Chrome DevTools.
Watch JavaScript values in real-time with Live Expressions
If you find yourself typing the same JavaScript expressions into the Console repeatedly, try Live Expressions instead.
Accessibility features reference
A comprehensive reference of accessibility features in Chrome DevTools.
Performance features reference
A reference on all the ways to record and analyze performance in Chrome DevTools.