Create your own simulated devices

Help us make DevTools Tips better! Fill out this survey to tell us more about your DevTools habits and frustrations.

Categories: Supported by:

Create your own simulated devices

You can simulate various different devices from DevTools, to get an idea of how your webpage might render on those devices (note that this is only a simulation, the tool only changes the screen dimensions, touch event handling, and user agent string, but ultimately, the rendering of the webpage is still done by the browser you are using).

But what's even better, is that you can create your own simulated devices. This is useful if what's available in the list isn't enough for you. Here's how:

Animation of the device mode in Firefox, showing how to customize the list of devices, including adding custom devices.

In Polypane these steps are not needed. Double-click anywhere to add a new device and configure its settings from the Emulation options.

See also