Learn how to get to Chrome a screenshot a website without the use of add-ons. See a similar trick for Firefox at the end of the article.
There are countless ways to take a screenshot of a web page through Chrome. You can use the Print Screen key (or Cmd + Shift + 4 on a Mac), or install one utility for screenshots (such as SnagIt or the Windows Snipping Tool), or install a Chrome extension (such as Smartshot that lets you capture the screen and comment on it).
What you may not know is that newer versions of Google Chrome have a built-in screenshot that lets you take screenshots of your screen without installing any add-on.
How to Get a Snapshot in Google Chrome
To get started, open any web page in Google Chrome and select Settings -> More Tools -> Developer Tools. Alternatively, press F12 on Windows (or CMD + Opt + I on Mac) to open the Chrome Dev window immediately.
Then 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 select Responsive to set automatically). Set the zoom to 100% and click on icon Rotate to change orientation (default is in 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 get a snapshot in Firefox
You can capture a screenshot of the entire web page via Firefox without installing any add-ons. Unlike Chrome, which can capture only the visible area, Firefox can take a snapshot of the entire web page and save it automatically to the default download folder.
Open the Web Console via Tools> Developer Tools> Web Console (or press Ctrl + Shift + K at the same time) and in the Settings section, select the "Take a screenshot of the entire page" option. Firefox will add a camera icon to the Web Console toolbar, allowing you to capture one-click screenshots.