The #ChromeDevSummit site is live, happening Nov 12-13 in San Francisco, CA
Check it out for details and request an invite. We'll be diving deep into modern web tech & looking ahead to the platform's future.

Simulate Mobile Devices with Device Mode

Use Chrome DevTools' Device Mode to build mobile-first, fully responsive websites. Learn how to use it to simulate a wide range of devices and their capabilities.

In a nutshell

Toggle Device Mode

Toggle the Device Mode button to turn Device Mode on or off.

Initial start for device mode

When Device Mode is on, the icon is blue (device mode on).

When it's off, the icon is grey (device mode off).

Device Mode is enabled by default.

You can also toggle Device Mode by pressing Command+Shift+M (Mac) or Ctrl+Shift+M (Windows, Linux). To use this shortcut your mouse needs to be focused on your DevTools window. If it's focused on your viewport, you'll trigger Chrome's switch user shortcut.


Was this page helpful?