/dev tips

🎊   The Modern DevTools course has now started! Visit ModernDevTools.com to find out more   🎊

(50) Media Query Inspector Better breadcrumbs (52)

Chrome DevTools: Add a new custom device as a preset

15 Jun 2015
Add a new custom device as a preset

Do you frequently emulate devices of a certain dimension? In DevTools Device Mode, you can add new device presets.

  1. Click the Devices Pane from the Settings Panel.
  2. Select Add custom device.
  3. Enter the device information.
  4. Select Add Device.

You can now find your device in the top left corner from the 'Device' dropdown option.

Sign up to receive a developer tip, in the form of a gif, in your inbox each week.