Instacap screenshot chrome extension logo

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

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.

chrome run command menu in developer tools

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.

chrome browser screenshot command for capturing area screenshots, fullpage screenshots or html node screenshots

Get visual collaboration
superpowers ⚡

LEARN MORE

Junu Yang

A designer and maker. Building things to help people work remotely together more effectively.