How to Capture Screenshots in Google Chrome

There are many ways to capture screenshots of web pages in your Google Chrome browser. You can use the good-old Print Screen key, Microsoft office onenote, get a snapshot utility like SnagIt or the Windows Snipping Tool, or even better, get a dedicated Google Chrome extension like Smartshot that lets you capture the screen and annotate it.

What some may not know is that the latest versions of Google Chrome have a built-in screenshot ability allowing performing screen captures without install any extensions. The more attractive part is that you can even add device frames to your captured images for more realistic mobile screenshots.

How to Screen Capture in Google Chrome

To get started, open any web page inside Google Chrome and choose Settings -> Tools -> Developer Tools.  (Ctrl +Shift+l) Alternatively, press F12 on Windows to directly open the Chrome Dev Tools window.

Next, toggle the Device Toolbar button so that it turns blue. Now select any mobile device from the built-in list of device presets. Set the zoom to 100% and click the Rotate icon to change the orientation (default is portrait mode).

The stage is set. Click the 3-dot menu in the right and enable device frame. Next, choose Capture Screenshot from the same menu to save a device screenshot in PNG format.

Leave a Reply