Chrome 59 is now available for macOS, Windows and Linux. The updated version of the most popular browser in the world now has a new Material Design settings page, support for native notifications in macOS as well as other security and development related updates. One of the new updates in developer tools is a full page screenshots tool.
As the name suggests, this tool can be used to take screenshots of full webpages, without having to scroll and take multiple screenshots to stitch them together. Developers and users have been relying on third party extensions like Fireshot for this purpose.
Capture full size screenshot in Chrome
Here is how you can use this new screenshot tool to capture full page shots. This works on Windows, macOS and Linux.
- Open the website of which you want to capture the screenshot
- Right click anywhere on the webpage and click on Inspect Element. Alternatively, you can also click on the menu on the top right, go to More Tools > Developer Tools.
- Click on the Device Toolbar icon in the toolbar for the Developer Tools that show up. This is the blue icon as per the image below:
- Once you click it, it will take you to the responsive design view. Click on the menu on the top right and you will see an option that says Capture full size screenshot. Before you do this, note that you can change the dimensions or use the preset device resolutions as desired. I have set it to iPad Pro in the image below.
- Once you capture the screenshot, it is automatically saved to your downloads folder.
One major drawback with relying on Chrome 59’s full page screenshot is that it does not work with desktop websites. You must always select a device which will never be the same resolution as your desktop. For such needs, you would need to fall back on an extension like Fireshot that we mentioned before. For device screenshots, however, Chrome’s new full page screenshot tool is very useful.