There are times when you want to capture an entire page of a website, rather than just the viewport (the visible area) on your computer screen. This can be useful for many purposes, including education, presentation, technical support, and more. Unfortunately, capturing a long page that extends across multiple scrolls in a browser window isn’t as easy as it may seem.
The good news is that there are several ways to take a screenshot of an entire chrome page. The first method involves using the developer tools in Google Chrome.
This method is a little tricky, but it’s well worth it if you regularly need to take long screen shots of websites. The key is to know how to use the device toolbar, which lets you preview your web pages in different viewport dimensions.
Once you’ve got the device toolbar open, you can click the navigation button in the top right corner and select Capture Screenshot. That’ll capture a perfect screenshot and save it to your Downloads folder so you can view or share it later.
Another method is to use Google Chrome’s Developer Tools, which can allow you to preview your site in responsive mode. This is a great way to make sure that a screenshot of a web page will be appropriate for the target device’s screen size and resolution.
To get started, head over to the developer tools panel by pressing Control-Shift-P in Windows or Command-Shift-P on a Mac. Once you’ve opened the command menu, type “screenshot” into it to see four options.
One option, “capture area screenshot,” allows you to draw a box around the part of the website you’d like to capture. Then, click and drag the box to capture a screenshot of that area.
The other option, “capture full-size screenshot,” takes a screen grab of the entire web page that you’re on from top to bottom. This is especially helpful for long pages that have a lot of content that doesn’t fit on your monitor’s viewport.
Lastly, “capture node screenshot” allows you to screenshot HTML/DOM elements on the web page. This is a great option for sharing webpage information, as it’s much easier to do than trying to crop or combine different sections of the page in an image editor.
If you’re looking for a more automated solution, there are plenty of free, browser-based apps that will do the same thing as the developer tools but automatically save your screen shot. You can use them for things like making desktop wallpapers, or even just to quickly share a link with friends and coworkers.
Nimbus is a free, browser-based screenshot app that allows you to take a screenshot of any part of the page while it’s scrolling on its own. It will save the image to your device and also automatically open it in a new tab for you to edit. You can add text, arrows, shapes, and more to your image.
There are also a few extensions in the Chrome Web Store that will help you take a screenshot of an entire page on your computer. Once you find the one that suits your needs, just install it and start capturing pages with ease!
