All of us need to capture the screenshot of the browser one time or another and I have used many third party freemium extensions over time but nothing could be as good as something built in to the browser itself.

Chrome now includes a way to capture the screen shot through Dev Tools. To Open Dev Tools Press F12 or  Ctrl + Shift + I or from the hamburger menu in Chrome select More Tools –> Developer Tools

 

Click on device toggle to select device mode

 

 

Select the Device to capture the screenshot

 

Go to 3 dots menu on the right and select Capture Screenshot.

 

 

And volla. there you have your screenshot.

 

 

Note – If you not want the device border then you could disable it from the 3 dots menu in the right

 

 

I know what you are thinking. What if I want the screenshot in a desktop / laptop browser size and not a device. There is a simple way to do that. In the Device selection menu select Responsive

 

 

Now drag to resize the area of the responsive device and then click on capture screenshot.

 

 

Ans here is your screenshot.

 

 

Hope this helps you. Any feedback, questions and comments are welcome.