How to take full-page screenshot in Chrome without extensions

Reading time ~1 minute

Did you know you can take screenshots of web pages inside Google Chrome without any extension, if you didn’t, heres how!

How to use Command Menu to capture full page screenshot in Chrome DevTools.

To get started,

  1. Open Developer tools ⌘ + ⌥ + i (Mac) or Ctrl + Shift + I (windows) or Chrome Settings -> More Tools -> Developer Tools.
  2. Open Command Menu – Latest version of Google Chrome (Chrome 59) introduces Command Menu (command palette like in sublime and atom), which can be opened by ⌘ + ⇧ + P (Mac) or Ctrl + Shift + P (Windows, Linux) inside DevTools.
  3. Start typing screenshot and select Capture full size screenshot. and aahaa!! that’s it.

Wordpress theme boilerplate to make your themes from scratch

As Web Developers our main goal is to do as little work as possible. Continue reading