In Devtools is there any way to capture the entire screen of the site, even if it has scroll?

Question

In Devtools is there any way to capture the entire screen of the site, even if it has scroll?

Asked 6 years ago

Viewed 118 times

6

I’m not looking for Chorme extension or screenshot code etc. I just want to know if this developer tool has some native option of this type.

I know if you open the DevTools chrome and press Ctrl-Shift-C and make a selection on the screen you will save as image that part of the screen you made the selection. Until then ok.

Just that I want to document some canvases and I’d like to know if by DevTools It’s like I make a catch fullscreen of the site, even if it has scroll bar. Type these entire website images that we see around.

Ex:

I didn’t know this feature to capture a part of the screen, I tested it here and it didn’t work apparently. When I press CTRL+SHIFT+C it just takes my mouse to select the screen elements, but only to direct in HTML :(

– Vinicius Gabriel

2018/12/14 at 11:32
@Viniciusgabriel first you have to open the devtools, press F12, and then use the capture shortcut I mentioned

– hugocsl

2018/12/14 at 11:40
Do you use in Windows? Does it suffer any changes to Linux? Because even here F12 does not open devtools, only CTRL+SHIFT+I

– Vinicius Gabriel

2018/12/14 at 11:44
1

@Viniciusgabriel thousand apologies young, it is from the Chorme 62, although in Win is already in Chrome 71, so it is not so new... Here is the link to the official Google https://developers.google.com/web/updates/2017/08/devtools-release-notes#screenshots

– hugocsl

2018/12/14 at 11:52
1

Show, now yes, thanks!

– Vinicius Gabriel

2018/12/14 at 11:55