Overview Open Chrome DevTools What's New in DevTools DevTools tips Simulate mobile devices with Device Mode Performance insights: Get actionable insights on your website's performance Lighthouse: Optimize website speed Animations: Inspect and modify CSS animation effects Changes: Track your HTML, CSS, and JavaScript changes Coverage: Find unused JavaScript and CSS CSS Overview: Identify potential CSS improvements Issues: Find and fix problems Media: View and debug media players information Memory Inspector: Inspect ArrayBuffer, TypedArray, DataView, and Wasm Memory. Network conditions: Override the user agent string Security: Understand security issues Search: Find text across all loaded resources Sensors: Emulate device sensors WebAuthn: Emulate authenticators Customize DevTools Engineering blog
Overview Open Chrome DevTools What's New in DevTools DevTools tips Simulate mobile devices with Device Mode Performance insights: Get actionable insights on your website's performance Lighthouse: Optimize website speed Animations: Inspect and modify CSS animation effects Changes: Track your HTML, CSS, and JavaScript changes Coverage: Find unused JavaScript and CSS CSS Overview: Identify potential CSS improvements Issues: Find and fix problems Media: View and debug media players information Memory Inspector: Inspect ArrayBuffer, TypedArray, DataView, and Wasm Memory. Network conditions: Override the user agent string Security: Understand security issues Search: Find text across all loaded resources Sensors: Emulate device sensors WebAuthn: Emulate authenticators Customize DevTools Engineering blog

Devices

Published on

Settings. Settings > Devices list devices and their dimensions. You can select these devices from the Dimensions drop-down list in device mode.

Add a device to the Devices list

To add a device to the list:

  1. Open Settings.

  2. In the Device tab, enable the checkbox next to a device you want to add.

    A list of enabled devices in the Devices tab.

Add a custom device

If you don't see a device you want to test, add a custom one:

  1. Open Settings.

  2. In the Device tab, click Add custom device.

  3. Specify the device details, for example, as shown on the screenshot:

    Pixel 7 Pro device details.
    Important

    For more information on what to specify, see User-Agent Client Hints.

  4. Click Save. Your device is enabled by default and you can select it from the Dimensions drop-down list in device mode.

To edit or remove a custom device you added, click Edit. or Delete. buttons that appear on hover.

Updated on • Improve article

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