DevTools Tips

Take screenshots of your site in a device frame

Categories: Supported by:

Taking a photo of a mobile device or tablet is daunting as you have to deal with fingerprints, glare and focus issues. Using Device Emulation makes this a lot easier.

Screenshot of the website in an iPhone frame

To take a screenshot of a web page inside a device frame, use either Chrome or Edge (or any Chromium browser):

That's it, you now have a photo of your web page inside a device on transparent background.

You can see this in action in the following video: