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

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.