Handy Tip for Creating Full Length Screenshots

There are a number of tools out there that specialize in creating full-length screenshots of a website, but did you know that you can also use Chrome’s Developer Tool to accomplish the same thing?

Check it out, first pull up any website:

Website Example

Next, right click and select “Inspect”:

Chrome Dev Tool Inspect

Once the dev console is showing hold down command + shift + p and you should see the following menu:

Type “screen” in the top search box and select the “Capture full size screenshot” option:

Chrome capture screenshot

Then sit back and let Chrome do it’s thing. Within a few seconds you should see a full-length screenshot pop into your downloads folder:

🙌

Updated November 28, 2018.

Published by

Dave Martin

Dave is a designer at Automattic.