take screenshot in chrome device emulator mode

google-chrome width device viewport
Probosckie picture Probosckie · Mar 9, 2016 · Viewed 7.7k times · Source

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

surinder singh picture surinder singh · Sep 21, 2016

found this menu, which take screenshot of device screen only screenshot device simulation in chrome developer devtool

latest chrome have "Capture full size screenshot" enter image description here

Related questions

Why is my table cell width wrong in Chrome?

I've got a table with two rows. The first row just has three cells. The second row has two cells, with the first cell containing another table that needs to fill the whole cell. <table border="1" style="border-collapse:collapse;"&…

Read More
Disable same origin policy in Chrome

Is there any way to disable the Same-origin policy on Google's Chrome browser?

Read More
How to remove focus border (outline) around text/input boxes? (Chrome)

Can anyone explain how to remove the orange or blue border (outline) around text/input boxes? I think it only happens on Chrome to show that the input box is active. Here's the input CSS I'm using: input { background-color: transparent; …

Read More