How to take screenshot of webpage in Firefox

I can print a webpage to PDF, but there are times when I need to take a screenshot of the entire length of a webpage. For example, a lot of formatting is lost when printing. So, a screenshot is better since it gives you the entire length of the webpage exactly how it is rendered in the browser. Thankfully, there is no need to install any extension to do this in Firefox.

  • Enable the screenshot option: Press F12 to open the Developer Tools. Click on the ⚙ (gear) icon on the right. In the Available Toolbox Buttons section, enable the Take a screenshot of the entire page option. A 📷 (camera) icon will appear to the left of the ⚙ (gear) icon. From now on, this 📷 (camera) icon will be available in Developer Tools.
  • Take a screenshot: Open the webpage you want to take a screenshot of. Press F12 to open Developer Tools and click the 📷 (camera) icon to take a screenshot. It will be saved in your Downloads folder as a PNG image by default.

Tried with: Firefox 53.0.2 and Ubuntu 16.04


How to take screenshot on CyanogenMod 10.1 running on Nook Color

Press and hold the Power and Volume Down buttons at the same time. A screenshot will be taken and stored in the Pictures/Screenshots path on your micro-SD card.

Since CM10.1 is based on Android 4.2 Jellybean, this trick should work on that version of Android and most devices using this software.

How to take screenshot on Nook Color running CyanogenMod 10

CyanogenMod 10 is based on Android 4.1 JellyBean. To take a screenshot on the Nook Color, press and hold down the Power and Volume Down buttons for a second. The screenshot will be saved to the /mnt/sdcard/Pictures/Screenshots directory.

Tried with: Nook Color 8 GB and CyanogenMod 10-20121228-NIGHTLY-encore

How to take a screenshot on the Samsung Galaxy Gio

After screenshot on a Samsung Galaxy Gio

The Samsung Galaxy Gio cellphone ships with Android 2.2.1 (Froyo). To take a screenshot on this phone, touch the Back button (at the right), keeping it touched press the Home button (in the center), release the Home button and then release the Back button.

You should see the message: Screen captured. Saves as image file. You can find the screenshot images using My Files stored under the directory /sdcard/ScreenCapture

Tried with: Samsung Galaxy Gio running Android 2.2.1 (Froyo)

7Capture for Screenshots

[ Default compared to screenshot with 7Capture ]

7Capture is a simple tool that solves two small problems I regularly face with the default Print Screen feature of Windows 7:

1. Background that lies below the top window shows up in the window borders due to Aero transparency.
2. Window corners do not appear curved because their border gets lost in the background colors.

7Capture fixes both of the above problems nicely. It is simple and stays out of the way. Just open it and press Print Screen on your keyboard to capture the entire desktop. Press Ctrl-PrintScreen to capture a given window. Note that this diverges from the normal Alt-PrintScreen behaviour to capture a window.

Tried with: 7Capture