I always used an extension like Awesome Screenshot in Chrome to take screenshots of any website. However, you do not need an extension to capture a screenshot of a webpage.
Cmd + Option + I (or go to
View > Developer > Developer Tools) to open the dev tools. Once opened, press
Cmd + Shift + P to open the Command Palette.
Now in the Command Palette, type ‘screenshot’ and click on:
Capture full size screenshotto take a screenshot of the entire webpage
Capture node screenshotto take a screenshot of a particular element on the webpage (Note: You have to select the element first and then click on this option)
Capture screenshotto take a screenshot of the visible portion of the webpage
Capture area screenshotto take a screenshot of the selected area
See this video for a live demo: