Güngör Budak's Blog

Bioinformatics, web programming, coding in general

Capture Full Size Screenshot on Chrome without Extension

Share Tweet

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!

The steps are;

  • 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 + Opt + M on Mac. You will see a screen similar to this:

Chrome device toolbar

  • 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, using the more options menu on the device toolbar (top right) and click Capture full-size screenshot. This operation will take the screenshot and download it.

Full-size screenshot Chrome

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

Share Tweet

Questions?

Please start a discussion down below or send me an email!