back to blog

How to take screenshots on Chrome natively (including fullpage webpage screenshots)

November 13, 2021
Junu Yang
5 minute read

Chrome browser has a built-in webpage screen capture feature that can be accessed via the Developer tool console. It's a bit geeky and takes a few steps, but it works if you are looking for a browser native solution for taking screenshots of webpages including fullpage screen captures.

1. Press Ctrl-Shift-P (or Cmd-Shift-P on a Mac).

This will open the developer tool sidebar with a search box to run commands. Also this is accessible via the triple dot menu and clicking Run Command.

2. Type the word screenshot.

Chrome's run command tool will autocomplete to 4 options.

3. Select a screenshot option

A.  Use Capture area screenshot to screen capture just a specific area or bounding area of the webpage.

B.  Use Capture full size screenshot to capture fullpage website screenshots that span the full vertical scroll area of the webpage all the way to the bottom.

C. Use Capture node screenshot to capture specific div or HTML block element on the webpage.

D. Use Capture screenshot to screenshot the webpage you see in the visible browser window.

Get visual collaboration superpowers

New Articles