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.

Fawaz Mohammad Jecelyn Yeen

Fawaz Mohammad, Jecelyn Yeen

Simulate device orientation

Open the Sensors tab and go to the Orientation section.

Kayce Basques

Kayce Basques

Override geolocation

Open the Sensors tab and select coordinates from the Geolocation list.

Kayce Basques

Kayce Basques

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.

Kayce Basques

Kayce Basques

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