How to Take a Screenshot on Google Chrome Using Dev Tools – Knowligent
How to Take a Screenshot on Google Chrome Using Dev Tools

How to Take a Screenshot on Google Chrome Using Dev Tools

Home › How to, Tech › How to Take a Screenshot on Google Chrome Using Dev Tools
Summary by Lifewire • AAN Creation - Tech on Youtube • Published 4 years ago

This article explains how to take screenshots in Chrome using developer tools.

How to Take a Screenshot on Google Chrome Using Dev Tools

The difference between using the Print Screen key and the Chrome tool is that the Chrome screenshot tool does not capture the borders of the Chrome browser window, but only the contents of the web page. If you just want to capture the page content without editing your screenshots, the developer tools can save you a step.

You can use menus or keyboard shortcuts to access the developer tools.

Press Ctrl + Shift + I on a PC or Command + Option + I on a Mac. You can also click the three-dot menu icon and select More tools > Developer tools. This opens Element Inspector's Developer menu, which displays the web page's HTML coding.