/dev tips

🎊   The Modern DevTools course has now started! Visit ModernDevTools.com to find out more   🎊

(150) Copy Stack Trace Accessibility Tree (152)

Chrome DevTools: Capture full sized screenshots without a browser extension

22nd June 2017
Capture full sized screenshots without a browser extension

You can type in screenshot into the Command Menu (shortcut: Cmd + Shift + P) and select one of two options:

The "Capture screenshot" option will download an image of your website based on what is in the visible viewport.

You can also trigger device mode, and for example emulate an iPhone. The screenshot you capture matches the exact device dimensions of the iPhone.

Sign up to receive a developer tip, in the form of a gif, in your inbox each week.