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

Asked

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.

inserir a descrição da imagem aqui

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:

inserir a descrição da imagem aqui

  • 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 :(

  • @Viniciusgabriel first you have to open the devtools, press F12, and then use the capture shortcut I mentioned

  • Do you use in Windows? Does it suffer any changes to Linux? Because even here F12 does not open devtools, only CTRL+SHIFT+I

  • 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

  • 1

    Show, now yes, thanks!

1 answer

7


I do not know if the following solution fits:

I’m not looking for an extension of Chorme or screen capture code etc.

With the DevTools typhoon CTRL + SHIFT + P and then opens the command menu

inserir a descrição da imagem aqui

Then type screenshot and choice full size screenshot and the download is done.

inserir a descrição da imagem aqui

Upshot:

inserir a descrição da imagem aqui

  • 1

    Looks like it! Nice this Chrome prompt!

Browser other questions tagged

You are not signed in. Login or sign up in order to post.