Easy way to Take Screenshot on Chrome and Firefox Web Browser

You are most probably now aware of more than several ways to take screenshots on your computer. Be it whether on Windows 10 or Mac OS devices We have more than one option to take a screenshot. let us now know how to take screenshots using the built-in tools from our Most famous Web browsers from around the world. In this article, we will learn about how to take a screenshot from Google Chrome, Mozilla Firefox, Safari, and so on.

Table of Contents

How to take a screenshot on Google Chrome and firefox

How to Capture Screenshot on Google Chrome?

While there are several reasons why you should prefer taking a screenshot using the inbuilt Google Chrome tool. We will give you one simple yet perfect example as to why you need to use the inbuilt Google Chrome tool. Take a screenshot using your applications on your Windows 10 or Mac OS devices. You will take a screenshot of the complete screen. This will most probably reveal the edges of your Chrome browser and also the different tabs open during taking the screenshot. To avoid this problem, you need to use the Google Chrome built-in screenshot.

Follow the below-given steps carefully in order to take Screenshots on Google Chrome using a built-in screenshot maker.

Windows PC:

Open Google Chrome and then press control + shift + I To open the developer menu called the Element Inspector. Which will help you see the HTML of the current web page.
Next, press control + shift P. This will let you search through your list of developer tools.

Mac:

If you are using a map, open Google Chrome and press Command + option + I To open the developer tools.
Now press Command + shift Pon your Mac to help you search through the developer tools.

The rest of the options are the same for both your Windows PC and your Mac computers.

Once you want to search through the developer tools type screenshot but do not press enter.
Here you will see a set of 4 screenshot options. And we are going to explain the 4 screenshot options below.

Capture screenshot:

This is the most standard screenshot version. It will automatically save the image that is currently displayed on your screen.

Capture area screenshot:

If you choose this option, this option will let you take a specific part of the screen that you want and save it as a screenshot. Once you click on this option, this option will allow you to drag a box with the mouse anywhere within the Chrome window. So that it can capture the image and it will be saved. The best part is you will also be able to take the screenshot of the Element Inspector itself, which never gets actually included in the screenshot.

Capture full-size screenshot:

This option is one of the very best and the most Sought after options In the world of screenshots. Who wouldn’t want to take a single-screen capture of the entire webpage from top to bottom? This is also called a long screenshot, and that screenshot will extend way beyond the bottom of the screen and will take the entire web page.

Capture node screenshot:

This option is more of a developer kind of thing. It will let you capture an image of just a specific HTML element selected in your element Inspector. This is mostly useful for developers, and normal people wouldn’t Really have use of it.

Now the next step is to select the type of screenshot that you want. Use the arrow keys on your keyboard and scroll down to one of the screenshot types that you want and press enter. Your screenshot will now be taken automatically and save. You can find it in the Chrome download manager at the bottom of the window.

How to take a screenshot on Mozilla Firefox?

Just like its Google counterpart, Google Chrome, Mozilla Firefox also has an inbuilt screenshot function available For both Windows OS and Mac OS.

Follow the below-given steps carefully to take a screenshot of your Mozilla Firefox browser.

The following steps are the same for both Windows PC and Mac.
Open the Firefox browser.
Go to the website or page that you want to take a screenshot of.
Just beside the address bar, you will find a 3 dots menu. An address bar is a place where you find the URL of the website.
Once you click on the 3 dot menu, add drop-down appears. Scroll down and click on the take a screenshot option.
If you are trying to take a screenshot for the first time on your Firefox, you will be welcomed with the welcome screen and a tutorial.
Skip the tutorial once you watch it.
Now it’s time to select the screenshot option. There are 2 screenshot options available and they will be explained below.

The “Save visible” option.
The “Save full-page” option.

Save visible:

By clicking on the save visible option that is present at the top right corner of your screen. A part of the webpage that appears on the screen will now be taken and saved as a screenshot.

Save full page:

By clicking on the Save Full page option. The entire web page is not visible. The screen will also be captured and saved. This is also called a long screenshot and is in demand right now.

You also have a 3rd option where you just over the mouse over the screen so that you will have an option to click and drag the mouse to surround part of what you want to capture.

Conclusion:

After the screenshot is automatically saved, you will get an option to either download or copy the image. Choose the download option and the image will be downloaded onto you(Download folder). If you want to copy it, instead press the copy button and right-click the desired location, and then click paste. This is how you take a screenshot of your browser using built-in tools on chrome and firefox.