Capture Full Size Screenshot on Chrome without Extension

Chrome’s new Developer Tools has a way to capture high quality full size screenshot of the page so you don’t have to have an extension for it anymore!

Update for latest Chrome versions: Chrome DevTools was slightly changed so here are the new steps (tested in Version 71.0.3578.98 (Official Build) (64-bit) on macOS).

• Open the website that you want to capture
• Use Ctrl + Shift + J shortcut on Windows/Linux or Cmd + Opt + J on Mac to open Developer Tools.
• By default, device toolbar is not visible, to toggle the device toolbar, use Ctrl + Shift + M shortcut on Windows/Linux or Cmd + Shift + M on Mac. You will see a screen similar to this:

• For me, the pre-selected device was Galaxy S5 so I need to change it to Responsive to set a resolution for the page. Then, use Ctrl + Shift + P shortcut on Windows/Linux or Cmd + Shift + P to open commands section of DevTools and type Capture full-size screenshot and hit Enter when you find the command. This operation will take the screenshot and download it.

You will find the screenshot (in PNG format) in your Downloads directory.

• chrome
• screenshot
• full size
• full page screenshot