«   Previous tip Next tip   »

Chrome DevTools: Capture full sized screenshots without a browser extension

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

Using DevTools, you can take full page screenshots, or even a screeshot of a specific element.

How to use this feature

  1. Type in screenshot into the Command Menu (shortcut: Cmd + Shift + P)
  2. Select Capture full size screenshot. This captures the entire page, including what is outside of the visible viewport.

That's it! Your screenshot is captured.

Screenshot types

There are additional screenshot options:

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

Extra information

«   Previous tip Next tip   »

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