Chrome - Configure screenshot hot key

Question

Are there any way of adding short key for capturing screenshots in Google Chrome?

I need this as well. I don't want to lose focus on an input when taking the screenshot, but that doesn't seem to be possible. Using DevTools to force focus on the input isn't giving me the proper styling either. — Splaktar, Jul 16 '17 at 04:26
I opened https://crbug.com/743765 to request that a standard hotkey be created for this since 174309 is more focused on customizing existing shortcuts. First we would need to have a default shortcut to be able to customize it. — Splaktar, Jul 16 '17 at 04:40
@Splaktar It's now possible by enabling _focused page_ from the Rendering tab: https://stackoverflow.com/a/65188771/5846045 — Boghyon Hoffmann, Dec 07 '20 at 20:18
What is the use case of the shortcut? Why was it needed in the first place? Is it to keep the focus on the UI while taking a screenshot? We need more context in the question. — Boghyon Hoffmann, Jul 10 '21 at 16:15

Kayce Basques · Accepted Answer · 2018-08-17T20:02:04.777

7

I work on the DevTools team. There's no keyboard shortcut for it, and there's no way to add custom keyboard shortcuts.

But you can access it from the Command Menu.

edited Aug 17 '18 at 20:02

answered Jun 30 '17 at 16:37

Kayce Basques

1

It's a pity that you can't configure any of the four screenshot options with a hotkey. They seem to be listed under Settings->Shortcuts but with no apparent way to setup a shortcut. FWIW Mozilla have a screenshot icon you can add to the menu. Click on it and you get an area screenshot - simple. – timbo Sep 01 '22 at 21:38

score 5 · Answer 2 · edited Dec 16 '20 at 13:55

5

Long list but fastest execution when learned:

Variants of step n. 5:

edited Dec 16 '20 at 13:55

Protector one

answered Aug 06 '20 at 14:33

Christian Toffolo

score 2 · Answer 3 · answered Dec 07 '20 at 20:17

To take a screenshot while the page having the focus (hence the need for shortcuts):

In the DevTools, open the command menu, type Rendering, and select "Show Rendering":
In the Rendering tab, enable ☑️Emulate a focused page:
Now you can take screenshots as described in the doc but without the need to use shortcuts:

3 Answers3