DevTools Tips

Create your own simulated devices

Categories: Supported by:

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:

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