Geek Answers Handbook

Take a screenshot in chrome device emulator mode

I use a laptop computer with a maximum resolution of 1366 pixels. I want to take a screenshot of how a website looks in device emulator mode in chrome - when I set the width to be larger, like 1600 pixels.

When I do this - the device’s viewing window becomes full from my chrome window, and part of it is hidden - how can I take a screenshot - printing the screen does not work. Is there a plugin or chrome extension?

+7
google-chrome width device viewport
source share
2 answers

found this menu that takes only a screenshot of the device simulate screenshots in chrode devtool developer> </a> </p></div></body> </html>

+18
source share

in the last chrome we can write node,

  • open developer tool
  • select node to capture
  • press CMD / CTRL + SHIFT + P, it will open the "command menu"
  • filtering commands using the keyword "screenshot"
  • select "capture node screenshot"

enter image description here

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

+1
source share

More articles:


All Articles