DEV Community

Cover image for Top 9 Tools To Take Full Page Website Screenshots

Top 9 Tools To Take Full Page Website Screenshots

jaswantkaur on February 18, 2019

Until a few years ago, screenshots used to be rarely used. They were not that much into popular culture and had a limited application. However, the...
Collapse
 
lannonbr profile image
Benjamin Lannon

If you use Firefox, if you click the ellipsis in the url bar, there is a built-in screenshot tool where you can take screenshots of particular elements on the screen, the current visible viewport, or the entire page.

Firefox Screenshot tool

Collapse
 
shauunhimseelf profile image
Shaun McWhinnie • Edited

Similarly in chrome, in the devtools Device toolbar, there is an option to take screenshot of the viewport, or a full sized screenshot of the entire page.

screenshot in chrome

Collapse
 
lampewebdev profile image
Michael "lampe" Lazarski

Exactly what I wanted to add 😀👍

Collapse
 
sarahatzing profile image
Hibs • Edited

These are great suggestions, none of which I knew about! I've been using the Full Page Screen Capture extension for Chrome for years now, and recently integrated CloudApp into my workflow for screen recording and annotation. I'm definitely going to try out a few of these options since they seem to combine aspects of those two products.

Collapse
 
drawcard profile image
Drawcard

Any tips for screenshotting parallax websites, or scroll animation / viewport animation sites?

Collapse
 
gijovarghese profile image
Gijo Varghese

If you need it as an API, use Puppeteer