Productivity Hack: How to capture a full web page?
2 min readKey points
Hey there! I recently stumbled upon this nifty command line trick in Firefox that allows you to snap a full-page screenshot of any webpage.
The Firefox way
By simply typing Shift + F2
, then inputting :screenshot --fullpage
into the console that pops up, you can capture everything from top to bottom in one go. Being a software engineer myself, It's incredibly handy for saving entire articles or web designs for later reference.
What about Chrome?
Digging a bit deeper, it came to my realize that Chrome's Developer Tools also having a similar feature. Within Chrome, by pressing Ctrl + Shift + I (or Cmd + Opt + I on a Mac)
, you can invoke the DevTools, and then pressing Ctrl + Shift + P (or Cmd + Shift + P on a Mac)
allows you to type 'Capture full size screenshot.'
This essentially does the same thing, letting you grab an entire webpage in one seamless image.
Using mobile?
Even simpler! Try this approach, i have been using this all the time! If you are using Safari, or another browser on iPhone/iPad, simply take a screenshot (Power and Volume combination) of the webpage, which iOS will prompt to allow make any edits, just go ahead and choose “Full Page”option in the screenshot editor. This will allow you to save the entire webpage as a single image or PDF file, and share with others too. You can also take notes, or highlight anything on the screen before finalizing it.
Windows?
Exploring alternative methods?
For those on a Windows desktop or laptop who find the command line approach a bit daunting, worry not—I’ve got you covered with additional options! There are numerous free and premium tools available that simplify the process of capturing webpages. I've suggested to my friends and followers several tools that are outstanding not only in capturing screens and webpages but also offer comprehensive office functionalities. These include making extensive edits and annotations, recording video clips, and providing full-featured options for documentation and presentations. If you're interested, here are some recommendations to consider:
- FastStone Capture
- Movavi Video Editor
- Screen Capture
These tools can significantly enhance your productivity and creativity, whether you're working on presentations, tutorials, or simply documenting information.
Feedbacks? Please let us know!