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??

found this menu, which take screenshot of device screen only <img src="https://i.stack.imgur.com/hWu2m.png" alt="screenshot device simulation in chrome developer devtool "> latest chrome have "Capture full size screenshot" <img src="https://i.stack.imgur.com/cazGs.png" alt="enter image description here">

take screenshot in chrome device emulator mode

Tags:

width

google-chrome

viewport

device

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??

831

asked Mar 09 '16 10:03

Probosckie

1 Answers

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

110

answered Oct 03 '22 12:10

surinder singh

Related questions
                            
                                Debugging Chrome extension with access to chrome.devtools api
                            
                                @font-face for custom fonts, fonts not smooth in Chrome
                            
                                How to search for ANYTHING in Chrome 22's Web Developer Tools? [closed]
                            
                                Pause a jquery slideshow so that I can target the node element in chrome dev tools
                            
                                Unchecked runtime.lastError while running storage.set: QUOTA_BYTES_PER_ITEM quota exceeded
                            
                                Show all windows OS X keyboard shortcut for mavericks
                            
                                Chrome extension set to `run_at` `document_start` is running too fast?
                            
                                How to turn off w3c in chromedriver to address the error unknown command: Cannot call non W3C standard command while in W3C
                            
                                Can AppleScript access browser tabs and execute javascript in them?
                            
                                canvas default size
                            
                                chrome.webNavigation undefined
                            
                                Chrome F8/hotkey debugger breaking during a drag and drop operation
                            
                                Chrome - You connection to this site is not fully secure [closed]
                            
                                YouTube autoplay not working in Chrome
                            
                                How to disable Chrome autocomplete feature?
                            
                                How do you make IPV6 default in Chrome for MAC?
                            
                                How to revoke given permission in Chrome and Firefox?
                            
                                Can't set cookie 'expires' or 'maxAge' in Node.js using Express 3.0
                            
                                Not able to find "Emulate CSS media" in Google Chrome
                            
                                Webkit scrollbar CSS, always a white box in corner