How to Capture Screenshot of Webpage Using Google Chrome

How to Capture Screenshot of Webpage Using Google Chrome

The latest Google Chrome 59 has included a new feature headless which provides functionality to run Google Chrome without UI. This allows users to use Google Chrome on the command line as well as scripts. This headless Google Chrome version also included the feature to capture a screenshot of any website using command line tool.

Requirements:

You must be using Google Chrome 59 or later version. With the Google Chrome version 59, it’s only available for MAC OS and Linux users. Windows users still have to wait for some time.

Capture Screenshot:

Use the following command to capture a screenshot of given web page. The output file will be created in the current directory with name screenshot.png.

$ google-chrome --headless --disable-gpu --screenshot http://www.example.com/

You can also specifiy the dimension of screenshot using --window-size option like below.

$ google-chrome --headless --disable-gpu --window-size=1280,768 --screenshot http://www.example.com/

You can also specify output filename with location as --screenshot=file1.png to create specific name.

$ google-chrome --headless --disable-gpu --print-to-pdf=file1.png http://www.example.com/

Reference:
https://developers.google.com/web/updates/2017/04/headless-chrome

Was this Tutorial helpful? Help others share on Facebook, Twitter, and Google Plus!

 
Enjoyed this video?
How to Capture Screenshot of Webpage Using Google Chrome
"No Thanks. Please Close This Box!"