[#]: subject: "Easily Take Full Webpage Screenshots in Firefox and Chrome" [#]: via: "https://itsfoss.com/firefox-screenshot/" [#]: author: "Sagar Sharma https://itsfoss.com/author/sagar/" [#]: collector: "lujun9972" [#]: translator: " " [#]: reviewer: " " [#]: publisher: " " [#]: url: " " Easily Take Full Webpage Screenshots in Firefox and Chrome ====== Taking screenshots to capture information is pretty common. But did you know you can take screenshots of an entire webpage in Firefox? Firefox comes with an in-built screen capture tool that allows you to take screenshots of selected areas, visible screen areas, or even entire web pages. This means if you want to save a webpage for later reference, you can quickly capture the entire webpage. Chrome also has the screenshot feature but it is slightly more complicated. In this tutorial, I will walk you through the following: * How to take screenshots in Firefox * How to capture screenshots in Chrome * Using the Nimbus extension to get more features than the in-built one So let's start with the first one. ### Taking full-page screenshots in Firefox Firefox's in-built tool lets you select the whole screen, the complete page, or even a specific paragraph with a single click. #### Step 1: Access the screenshot tool To start the screenshot utility, you press `Ctrl + Shift + s` while using Firefox. If you don't always remember shortcuts, you can access the tool from the right-click menu as well. ![Screenshot tool can also be accessed from right-click context menu][1] If you regularly take screenshots, adding the utility to the toolbar would be a good idea. And to do so, you follow the simple three steps: 1. First, Right-click on the toolbar and select the option `Customize Toolbar` 2. Find the `Screenshot` utility and drag it to the toolbar 3. Hit the `Done` button and that's it Still confused? Here's how you do it: ![][2] Once enabled, you can click on the screenshot logo that you just dragged to the toolbar. #### Step 2: Take a screenshot in Firefox When you start the screenshot tool, it will prompt with two options: `Save full page` and `Save visible`. Here, * Save full page will capture the entire webpage * Save Visible will only capture what is visible in the current frame But if you want to capture a specific part, you can select that part using the mouse cursor and save it: ![][3] As you can see, there are two options: Save or copy (to clipboard so that you can paste it to a document or editing tool). You can use either as per your use case. ### Take full-page screenshots in Chrome Taking full-page screenshots in Chrome is a little trickier than in Firefox because it is hidden under the developer options. Worry not! You'll get there in the following steps: * Open the menu and go to More Tools-> Developer tools. Alternatively, you can press `Ctrl + Shift + l` to directory get into Developer tools. * Press `Ctrl + Shift + p` and type **screenshot.** * Select the area or the entire page and a screenshot will be downloaded. Let me show you how you do it: ![][4] That's pretty much all you get with Chrome. ### How to take screenshots using an extension ✋ ****Non-FOSS Warning!**** The Nimbus extension discussed here is not open source. If you want more features like adding a delay, watermark, or notations, then you have to use an extension. And for that purpose, I would recommend using Nimbus which lets you do almost everything that any locally installed screenshot tool lets you do. Download Nimbus for Firefox: [Nimbus for Firefox][5] Download Nimbus for Chrome: [Nimbus for Chrome][6] 📋 Only the Chrome extension of Nimbus has a feature for video recording. Once you're done with the installation, **make sure to sign-up for Nimbus to enable all the features.** Click on the Nimbus extension logo and you'd see multiple options: ![][7] You can choose any of the shown features and once done, based on the action after the capture (mine is an edit) it will download the screenshot directly, open the editor or send it to any of the selected cloud providers. If you too went with the `Edit` as an action after capture, then it will open an editor where you can make nominal edits to the screenshot you've captured: ![][8] And if you want to add a watermark, know/change shortcuts, change the format of screenshots, and more, then open the Nimbus and hit the little gear button: ![][9] Pretty cool features being just an extension. Isn't it? 💡 You may want to pin the Nimbus extension to the taskbar if you take screenshots frequently ### Want more features? Checkout screenshot tools If you don't want to be bound by the extension features, you have to try screenshot tools with more features that can be used anywhere across the system. If you're a Linux user, then we have a dedicated guide on the [best tools for taking and editing screenshots for Linux][10]: ![][11] I hope you liked this quick Firefox trick. Keep visiting It's FOSS for more such learnings. -------------------------------------------------------------------------------- via: https://itsfoss.com/firefox-screenshot/ 作者：[Sagar Sharma][a] 选题：[lujun9972][b] 译者：[译者ID](https://github.com/译者ID) 校对：[校对者ID](https://github.com/校对者ID) 本文由 [LCTT](https://github.com/LCTT/TranslateProject) 原创编译，[Linux中国](https://linux.cn/) 荣誉推出 [a]: https://itsfoss.com/author/sagar/ [b]: https://github.com/lujun9972 [1]: https://itsfoss.com/content/images/2023/08/take-screenshot-firefox.png [2]: https://itsfoss.com/content/images/2023/08/Add-screenshot-feature-to-Firefox-browser-1.gif [3]: https://itsfoss.com/content/images/2023/08/Capture-specific-part-of-webpage-to-screenshot-in-Firefox.gif [4]: https://itsfoss.com/content/images/2023/08/Take-screenshots-in-Google-chrome-without-any-extension-2-.gif [5]: https://addons.mozilla.org/en-US/firefox/addon/nimbus-screenshot/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=search [6]: https://chrome.google.com/webstore/detail/nimbus-screenshot-screen/bpconcjcammlapcogcnnelfmaeghhagj?ref=itsfoss.com [7]: https://itsfoss.com/content/images/2023/08/Use-nimbus-extension-to-take-full-screen-screenshots-in-chrome-and-firefox.png [8]: https://itsfoss.com/content/images/2023/08/Edit-screenshots-captured-in-Firefox-and-Chrome.png [9]: https://itsfoss.com/content/images/2023/08/Additional-settings-of-Nimbus.png [10]: https://itsfoss.com/take-screenshot-linux/ [11]: https://itsfoss.com/content/images/size/w256h256/2022/12/android-chrome-192x192.png