Firefox 63, how to save screenshot of full webpage

[darkoshi]

Firefox used to let you save a screenshot of the full web-page via the Developer Toolbar:
https://darkoshi.dreamwidth.org/629515.html

(By the way, if you accidentally tried that from the toolbar shown in the Web Console instead of the Developer Toolbar, it didn't work, and showed an error, "SyntaxError: missing ; before statement".)

The Developer Toolbar has been removed in version 63 of Firefox:
https://bugzilla.mozilla.org/show_bug.cgi?id=gcli-removal
https://www.ghacks.net/2018/05/21/firefox-62-developer-toolbar-removal/

So now you can save a screenshot from the Web Console; but you need to include a colon (:) in front of the command:
:screenshot --clipboard --fullpage

See:
https://www.ghacks.net/2018/08/27/screenshots-from-the-firefox-developer-tools-console/

In the Web Console settings, you can also select the "Take a screenshot of the entire page" option under "Available Toolbox buttons", to get a Web Console toolbar button for taking a screenshot. Using that button, rather than saving the screenshot to the clipboard, automatically saves a PNG image in the Downloads folder.

Comments

Question...

[marahmarie]

In the Web Console settings, you can also select the "Take a screenshot of the entire page" option under "Available Toolbox buttons",

Exactly what I did/described/took a screencap of for you. I'm not getting the button, though (or If I am I don't know where it is or what it looks like). Where is it/what is it? (It's not in the icons found under Customize, not in my browser chrome, not in my status bar. The only screen capture utility I'm coming up with is the one I mentioned in the address bar, but that's a pain to access compared to just having a button somewhere to hit).

Re: Question...

[darkoshi]

> Where is it/what is it?

It's right there in your screenshot (https://marahmarie.dreamwidth.org/file/445255.png),
the 4th icon to the left of the 'X'. The one that's supposed to look like a camera.

> If you're using the same tool I am then you should see two options when you select Take a Screenshot from the dots dropdown menu: Save Full Page and Save Visible (the third is My Shots, which are actually saved on screenshots.firefox.com). Save Full Page does a true scrolling capture from top to bottom.

You're right. I was focusing on the "Drag or click on the page to select a region" overlay, and overlooked the "Save Full Page" and "Save Visible" options at the top.

Well, now hopefully I'll remember at least one of these ways to take the screenshot. It took me at least half an hour, probably more like an hour yesterday, to figure it out, which is why I wrote the post.

Re: Question...

[marahmarie]

Well, just remember it won't capture window overlays, which if you need to show them to somebody (or save them for your own use) does kind of suck. :(

And yes, I see the icon now, thanks! (And that stinks, because I don't want to have to open the console just to take a screenshot!).