Learn how to take a screenshot of a webpage in Chrome without using add-ons. At the end of the article see a similar trick for Firefox.
There are countless ways to take a screenshot of a webpage using Chrome. You can use the Print Screen key (or Cmd + Shift + 4 on a Mac), or install a screenshot (like SnagIt or the Windows Snipping Tool), or install a Chrome extension (like Smartshot which lets you capture the screen and annotate).
What you may not know is that newer versions of Google Chrome have a built-in screenshot that allows you to capture screenshots of your screen without installing any add-on.
How to Take a Screenshot in Google Chrome
To get started, open any webpage in Google Chrome and select Settings -> More Tools -> Developer Tools. Alternatively, press F12 on Windows (or CMD + Opt + I on Mac) to immediately open the Chrome Dev window.
Next, press the Toogle Device Toolbar button so that it turns blue. Now select any mobile device from the built‑in list of default devices (or you can choose Responsive for automatic setting). Set the zoom to 100% and click the Rotate icon to change the orientation (the default is portrait orientation).
Click the three vertical dots on the right and select Capture Screenshot from the menu to save a screenshot of your screen in PNG format.
How to Take a Screenshot in Firefox
You can capture a screenshot of an entire webpage through Firefox, without installing any add-ons. Unlike Chrome, which can only capture the visible area, Firefox can take a screenshot of the entire webpage and automatically save it to the default downloads folder.
Open the Web Console via Tools > Developer Tools > Web Console (or press the keys Ctrl + Shift + K simultaneously) and in the Settings section, enable the “Take a screenshot of the entire page” option. Firefox will add a camera icon to the Web Console toolbar, allowing you to capture a screenshot with one click.
