Ooh, console tricks in Firefox's Developer tools. Greenshot, eat your heart out!


Sometimes you really need a full image of an entire webpage to show to clients and co-workers. Within Firefox right-click and open up the Developer Tools or use the standard keyboard shortcut: Ctrl-Shift-K.

Select the Console tab third item from the top in the Develop tools (using its own window).

Enter in the bottom of the console: :screenshot --fullpage --clipboard --file --filename .png

A new .png file will be immediately downloaded to your default download location and copied to your clipboard for immediate editing in your favorite raster image editor (aka GIMP).

Here at Grip Fast Information Services and Technology we love using tools that do the job in a spectacular way and then get out of the way (and are libre/free and open source). If you'd like us to consult your workflow and optimize your processes and websites please contact us! We are your technology experts!

About the Writer
Chris Lessley
Author: Chris Lessley
A server admin, dev ops warrior and website designer since 2002, Chris is a lover of all things Linux and open-source! Each blog topic has been tested by fire in the real world and shared with the hope to help others. Need more help? Hire me! Chris' other interests include fine art and the humanities in the classical tradition and can be found writing for our friends over at gripfastart.works. If you like this content, kindly consider donating to keep this website free to all, without ads.

Comments powered by CComment

Member of The Internet Defense LeagueOpen Source Initiative