take screenshot in chrome device emulator mode

Question

I am using a laptop computer with a max resolution on 1366px. I want to take a screenshot of how a website look in the device emulator mode in chrome - when I set the width to be bigger - like 1600px.

When I do this - the device viewport becomes overflows out of my chrome window and a part of it is hidden - how do i take a screenshot of this - print screen wont work. Is there a plugin or a chrome extension??

Answer 1

found this menu, which take screenshot of device screen only

latest chrome have "Capture full size screenshot"

Answer 2

in latest chrome we can capture node ,

1. open developer tool
2. select node to be capture
3. press CMD/CTRL + SHIFT + P, it will open a "command menu"
4. filter commands using "screenshot" keyword
5. choose "capture node screenshot"

more info at https://developers.google.com/web/updates/2017/08/devtools-release-notes