Firefox DevTools has now added a screenshot command, so you can take screenshots directly from the Console (bug #1464461).
To access the command, open the Web Console via Tools → Web Developer → Console, type in
:screenshot and press ENTER. A screenshot of the current document will be downloaded to your downloads directory.
You can also use the flags, as you could with the old screenshot command that was part of the GCLI. Here is a quick list, generated with
:screenshot --fullpage // take a screenshot of the whole page
:screenshot --selector “.some-class”// take a screenshot of an element on the page
:screenshot --clipboard --fullpage // take a screenshot of the full page and add it to your clipboard
About the syntax
: character to prefix commands. If this is something that works well, we may expand it to include other commands. For example, you can also try out
:help to get the same result as
If there are other commands that you would like to see available in this format, let us know. If you are working on a web extension and would like to be able to implement your own web commands, let us know about that too, so we can work on getting you what you need.
If you start typing a command prefixed by the
: symbol in the console, you will see an autocomplete menu for commands (done in bug #1473923). At the moment it only contains the two available commands,
:help. We do not yet have support for the flags, but this may be added in a future iteration.
We have deprecated the “Upload to imgur” functionality with the new screenshot feature. In a future iteration, we plan to allow uploading to Firefox Screenshots directly, and be able to share them from your profile (you can read more about this feature here).
At present, the screenshot feature can be used from the browser console as well, but it will only capture the chrome of the browser and not the content window. This is planned for a future iteration (see bug #1474006)
Known bugs, and where to report issues
We have a couple of known bugs which can be found under this metabug. If you come across something that isn’t working as expected and hasn’t been listed, feel free to open a new issue.