Extensions

A list of known Recorder extensions.

Features reference

A comprehensive reference of Chrome DevTools Recorder panel features.

Test back/forward cache

Ensure your pages are optimized for back/forward caching.

Rendering tab overview

Discover a collection of options that affect web content rendering.

Sofia Emelianova

Sofia Emelianova

Emulate CSS media features

Emulate prefers-color-scheme, media type, forced-colors, prefers-contrast, prefers-reduced-motion, color-gamut.

Sofia Emelianova

Sofia Emelianova

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.

Sofia Emelianova

Sofia Emelianova

Record, replay, and measure user flows

Record, replay, measure user flows, and edit their steps with the Recorder panel.

WebAuthn: Emulate authenticators

Emulate Authenticators and Debug WebAuthn in Chrome DevTools.

Sensors: Emulate device sensors

Use the Sensors tab to override geolocation, simulate device orientation, force touch, and emulate idle state.

Network conditions: Override the user agent string

Open the Network conditions tab, disable Select automatically, and choose from the list or enter a custom string.

Kayce Basques

Kayce Basques

Simulate mobile devices with Device Mode

Use virtual devices in Chrome's Device Mode to build mobile-first websites.

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.