Chrome DevTools: Add a new custom device as a presetLast updated: 30th October 2020
Do you frequently emulate devices of a certain dimension? In the DevTools Device Mode, you can add new device presets.
How to use this feature
- Select Show Devices from the DevTools Command Menu (Cmd + Shift + P).
- Select Add custom device.
- Enter the device information.
- Device Name
- Width / Height
- Device Pixel Ratio
- User agent string
- Device Type
- Select Add Device.
Now, when you toggle device emulation on, you can select your newly created device from the device toolbar.
In addition to emulate device dimensions, you can also emulate various device sensors.