Screenshot with google chrome without any plugin

Its new updates of Chrome 62 and its really easy to take screenshots with build in api, no longer require any plugins or extensions.

Open up your chrome, usually I would use Chrome Canary which has latest versions. open up your console with

Shift + Control/Command + I


Then use the inspector to select element that you want to take screenshot, if you choose to take whole page, just select “body” tag.

bring up the command using

Control/Command Shift + P

and type in node, and you will see something like below image

choose “Capture node screenshot” and click enter, this will output a png file to your chrome downloading folder.