Especially if you have a need to use an older browser for some specific reason, when the “snapshot” tools hadn’t been built-in, the dev tools go back a bit further, and have proven quite useful from time to time.
Thank you to Kari Söderhlom from whom I am plagiarizing this, from the comments on this web site.
I think it’s worth noting that you can also take full page screenshots in Chrome using the new Command Menu (you first need to have Dev Tools open to be able to open the Command Menu) by starting to type screenshot into the Command Menu and then select the option Capture full size screenshot from the auto completed list.
In Firefox there’s also been a similar command for a longer time by using the Firefox (this link is dead) Developer Toolbar (GCLI) (but this one works today). Just open the Developer Toolbar by pressing Shift+F2 and type in screenshot --fullpage filename.png (for my test on FF 43, which even in 2020 I still need for “some reason”, the syntax was screenshot filename.png --fullpage ). It has nice tool tips for all the parameters while you’re typing, but you can also get more info about the command by typing help screenshot. There are also command flags for saving the screenshot to the clipboard instead or posting it to Imgur.
To bring a more up-to-date vibe, FireFox has added the screeshot tool, which when invoked proffers “full page” or “visible region”, to accomplish roughly this task.
How To Geek has a nice writeup on to doing this in Chrome.
The short version:
- Open Chrome
- Browse to the web page you want to capture
- Press Ctrl+Shift+I on Windows or Command+Shift+I on Mac to open the Developer Tools pane.
-OR- - Click the three dots “more tools” link on the browser window
- Point to “More Tools”
- Click on “Developer Tools”
- Press Ctrl+Shift+I on Windows or Command+Shift+I on Mac to open the Developer Tools pane.
- press Ctrl+Shift+P on Windows and Command+Shift+P on Mac
-OR-- In the top right corner of the pane, click the three dots icon
- Click “Run Command.”
- Type “Screenshot”
- Click “Capture full-size screenshot” from the list of commands available
The image should save automatically, but if you’re prompted to save the screenshot, select a destination on your computer, then click “Save.”
Update 9/6/2020: I finally found the original site where I found this answer! https://www.quora.com/Is-there-a-way-to-get-a-full-screenshot-of-a-web-page-including-parts-not-visible-in-the-current-browser-window
Thank you, to Sarthak Srivastava for being the one that caught my eye the first time; weirdly, his directions worked peachy my very first effort, and then never did again. The exact same Firefox 43 that I used the first time, following his directions, failed me the very next time (even though I found some OTHER site when I was trying to get back to that place I didn’t bookmark because “i’ll totally remember; it’s on Quora…”pffft. Hence, this site…).
All the same, THANK YOU!
sypak 