Photo by Luke Chesser on Unsplash

Capture screenshot with Chrome DevTools

  • Windows: Press Ctrl + Shift + I then Ctrl + Shift P.
  • Mac: Press Command + Option + I then Command + Shift P.
  • Then type “screenshot” to see the four screenshot options.

Screenshot types

  • Capture area screenshot
  • Capture full size screenshot
  • Capture node screenshot
  • Capture screenshot

In Chrome version 89, the modified right-click element inspector allows us to capture a screenshot from the inspector.



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Ronalds Vilcins

I drink a lot of tea and build beautiful websites. If you are looking to work together or just start a conversation 👉