Don't miss out on the action at this year's Chrome Dev Summit, happening on Nov 10th & 11th. Register for livestream updates.

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.