There are many times when you might want to quickly take a screenshot of a page without having to open a third party utility. There are many ways to capture screenshots of web pages in web browser like Google Chrome and Mozilla Firefox. You can use the Window + Print Screen key in Windows or Cmd + Shift + 4 on a Mac, get a snapshot utility like Snaglt or the Windows Snipping Tool. You can also use a dedicated Google Chrome extension like Smartshot that lets you capture the screen and annotate it. Today i’ll show you how to Capture Screenshot in Google Chrome and Mozilla Firefox without using any extension or add-on.
How to Capture Screenshot in Google Chrome
Newer version of Google Chrome have a built-in screenshot capabilities to perform screen capture without using any extensions. You can also add device frames to your captured images for more realistic mobile screenshots.
To get started, open any web page inside Google Chrome and choose Settings > Tools > Developer tools or you can also press F12 on Windows (Cmd+Opt+I on a Mac) to directly open the Chrome Developer Tool window.
Now toggle the Device Toolbar button and 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.
Click the three dot menu in the right and enable device frame. Choose the Capture Screenshots from the same menu to save a device screenshot in PNG format.
How to Capture Screenshots in Mozilla Firefox
Firefox developer tools can take a snapshot of the entire web page and automatically saves it in your default downloads folder. Open Web Developer tools inside Firefox and, under Settings, enable the option – Take a screenshot of the entire page. Firefox will add a camera icon to the developer toolbar letting you capture screenshots with one-click.