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

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.