Firefox is a popular browser for Windows PC. The Developer Toolbar in Firefox and Chrome allows you to take screenshots of the browser window without using any browser add-ons or 3rd-party screen capture software. This tutorial will show you how to capture screenshots in Chrome or Firefox browser natively, without using or installing any third-party software.
You are of course aware that for capturing Desktop screenshots on Windows, you have press the Print Screen or Prnt Scrn key. It can be found in the upper right section of your keyboard. To capture only the active window, hold down the Alt key, before you press the Print Screen key. Let us see how to do it using the built-in Developer Tools.
How to Enable Screenshots in Firefox
Follow these steps to enable Firefox’s native screenshot feature:
- Make sure you have the latest version of Firefox.
- In the address bar, type about:config and hit Enter.
- You’ll see a warning that this might void your warranty. Click the button that says I accept the risks.
- Search for this setting: extensions.screenshots.system-disabled
- It should show the status as default and the value as true. Double-click it and the status should change to modified and value as false.
- A new button ()should now appear at the end of the address bar.
How to Take a Screenshot in Firefox
There are two ways you can take a screenshot in Firefox:
- After clicking the screenshot button, you can click anywhere in the browser and drag to select the area you want to capture.
- You can also hover your mouse on the page and it will highlight sections on the page that you can capture with one click.
Once you have the screenshot, you can either save it to your computer or can upload it for easy sharing online. The URL will be automatically copied and any screenshots uploaded to Firefox will be available for 14 days.
Capture Screenshots in Chrome browser
Screen Captures can be immensely useful in cases where you come across an interesting tutorial online and would want to save a copy of the web page as a screenshot on your computer for reference, later. If you want to do the same, follow the steps outlined in the post below to help you take full page screenshot of any web page in Google Chrome.
First, launch Google Chrome and navigate to the web page whose screen you would like to capture.
Once there, click the hamburger icon of the browser, visible in the upper right-hand corner of your computer screen.
Next, chose ‘More tools’ when the menu of action expands and later, select ‘Developer tools’ options.
Thereafter, a small window for Developer Tools will show up. Click on the Toggle Device Mode button as shown in the image below to activate the option. Once activated, the button will turn blue in color.
Here, minimize the Developer Tools window and in the backdrop set up your screenshot. Also, select the right device type for your screenshot from the device drop down menu.
If required, configure the size and orientation of the screenshot.
Once finished, click on the 3-dots icon in the extreme right corner and from the list of options displayed, select the one reading as ‘Capture screenshot’.
Screenshots can be of immense use to Web designers who take browser screenshots for performing a thorough checking of browser compatibility in different web browsers and systems. Whatever the purposes may be you can always rely on Chrome or Firefox browser to take a screenshot natively, using these developer tools.
What’s your preferred method for taking screenshots? Let us know in the comments.