Without add-on: take a screenshot of the entire website in Firefox on a Mac

The button for the screenshot function must first be activated in the developer tools or developer tools. To do this, press the fn key and the F12 key and then select the gear icon in the top right of the new window. There you activate the tick next to the screenshot button.

I don't know how many hours I've spent in the last few weeks trying to find a solution to my problem. I used to have a plug-in or add-on for my Firefox on the Mac, with which I could save a complete website - including the content that can only be seen by scrolling - as a screenshot: FireShot is the name of the addon. It also ran for months with small restrictions (I never exported to PDF, for example), but after one of the last Mozilla Firefox updates, the plugin completely stopped working.

The Firefox add-on Fireshot promises to take complete website screenshots - it hasn't been running on my Mac for several weeks.

The Firefox add-on Fireshot promises to take complete website screenshots - it hasn't been running on my Mac for several weeks.

What do I need complete website screenshots for?

Unfortunately, I am very dependent on this functionality, as I always have to save long keyword lists or ranking reports for my SEO customers for my work and the export functions of the SEO tools are unfortunately not so great. The view on the website is just a lot nicer, so I prefer this one. Then I throw the screenshots in Apple Mail and add a few notes with the markup function and then send the complete package to my customer by email.

No Firefox add-on for the Mac to be found

In my search for an alternative for Fireshot, I came across other add-ons, all of which either don't work because they haven't been further developed for years, or they only work for Firefox on Windows, but not on macOS. I had almost given up my search when I read an interesting note in an English forum ...

A keyboard shortcut that you should remember: With "fn" and "F12" you open the window for the developer tools in Firefox.

A keyboard shortcut that you should remember: With "fn" and "F12" you open the window for the developer tools in Firefox.

Screenshots of entire pages without any Firefox add-on

Yes, you read that right. There is a way (I didn't want to believe it at first!) To save a complete website from top to bottom as a graphic without having to install a plugin for Firefox. It works simply with on-board resources that can be found in the developer tools or in the developer toolbar of Firefox. You still have to activate the corresponding button for the screenshot, but then you can take a screenshot of any page with a push of a button and a click of the mouse - without any annoying add-ons!

The button for the screenshot function must first be activated in the developer tools or developer tools. To do this, press the fn key and the F12 key and then select the gear icon in the top right of the new window. There you activate the tick next to the screenshot button.

The button for the screenshot function must first be activated in the developer tools or developer tools. To do this, press the fn key and the F12 key and then select the gear icon in the top right of the new window. There you activate the tick next to the screenshot button.

Instructions: Activate the screenshot button

As mentioned, you first have to activate the corresponding screenshot button. Here are the instructions for you:

  1. Open Firefox
  2. Press "fn" (bottom left) and "F12" on the keyboard to open the developer tools window
  3. In the top right of the window, click on the gear (Settings) to open the "Standard developer tools for Firefox" window
  4. In this window you look for "Available button symbols" in the left column and check the box next to "Take a screenshot of the entire website"
  5. Now you can close the window at the top left

If you now call up a website of your choice from which you would like to create a complete screenshot, you can test the function right away. Wait for the page to load completely. Then press the "fn" and "F12" keys again to open the developer tools. In the upper bar of the window you will now find a camera symbol (recognizable with a lot of imagination). You press that and a screenshot of the current window is immediately saved as a .png file in the Downloads folder.

To take a screenshot in Firefox, open the developer tools again and then click on the small camera symbol in the top right corner.

To take a screenshot in Firefox, open the developer tools again and then click on the small camera symbol in the top right corner.

I hope this feature is as helpful to you as it is to me. I was pretty happy when I found another way to save a complete website as a graphic. ;)

-
Do you like my blog? Then I would be happy to receive a short review on Google. Easy leave something here for a moment - that would be great, thank you!

8 comments

  1. Marie says:

    I've been looking for a way to take screenshots of my Pinterest boards for a long time, because only a section as large as the browser window is a bit of little help. Now I can take a lot more photos from the window and that's great. Unfortunately I don't get the whole page (with larger boards) but at least a lot. And it doesn't cost anything either. Thank you Sir Apfelot!

    • sir appleot says:

      Thanks! : D With sites like Pinterest it is often the case that you have to scroll down so that the browser loads and displays all the content. This is because they are reloaded dynamically. So if you scroll all the way down, you should see the entire board.

  2. Maria says:

    Wow, I've been looking for this option for ages (also used Fireshot before). And lo and behold: it is already included "by default". Excellent! Thank you for this article. I'm excited right now (pun intended)! :-D

    • sir appleot says:

      Hello Maria! I'm very happy if I could help. :) I also searched for a while and tried various addons until I found the tip somewhere to do it simply with "home remedies". : D LG!

  3. Frida says:

    Thank you very much - you just made my day !!!

  4. Mrs. Soda says:

    Incredibly helpful info! If I had known this possibility beforehand, I would have been spared a lot of tinkering with screenshots ... Thank you very much!

Leave a Comment

Your e-mail address will not be published. Required fields are marked with * .