Creating Custom Devices

If you want to test devices other than the default ones, you can create your own, custom devices.

Adding a custom device

First, open the Device Drawer by clicking the 📱Smartphone icon in the app toolbar.

Document image

This will open the list of available devices. To add a new one, click on the ➕ Plus icon above the device list.

Document image

In this window, you can edit the parameters of your custom device, such as user agent, input type (touch or mouse), OS, screen resolution, etc.

Document image

As an example, here's how to simulate a Windows PC with an ancient CRT monitor running Chrome.

Document image

After saving the custom device, it will appear on the bottom of the device drawer.

Document image

Drag and drop the custom device to add it to the main workspace.

Document image