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

[marahmarie]

I'm extremely confused: the toolbar has been removed but Web Developer tools are still there on Firefox Beta 64.0b8 when I click the hamburger icon and click on Web Developer in the dropdown menu.

And under Web Developer settings, there's still a checkbox to select Screenshots as a tool. I selected it and clicked the hamburger icon again but there was nothing added to the dropdown menu to let me take screenshots, which I managed to do anyway after clicking around some more and somehow being brought to the Firefox Screenshots beta: https://screenshots.firefox.com/

Perhaps as a result of having the Screenshot Beta running in Firefox (I have no idea how, but see at some point I must have joined Firefox Test Pilot - but screenshots are not a current or past experiment there) I can take screenshots by clicking the three dots on the far-right side of the address bar, then clicking the words Take a Screenshot on the dropdown menu found there.

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).

[charcoalfeathers]

Whoa, super cool tip. Thank you!