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]

Oh, I have that too. It looks like that one is better if you only want a screenshot of a portion of the page, where the other way I talked about is better if you want a screenshot of the entire page

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.

On Web Developer I'm accessing the menu where you can check the box next to Screenshots through the web console (Toggle Tools on the menu dropdown, but that can probably be whatever menu choice opens a console window, I guess) -->click the three dots in the far right-hand corner -->choose gear icon/Settings on the dropdown.

Screenshot of what I'm referring to using the Firefox Screenshot Beta tool: https://screenshots.firefox.com/ySLRvYWu8tD4a2u0/darkoshi.dreamwidth.org - ah crap, it didn't capture the console window for some reason, so never mind (I'll try again but maybe I'll need Windows Snip or something to actually get a capture).