Chrome - Configure screenshot hot key

Question

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

Fluorocarbon

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. – Janiecejanifer

I opened 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. – Janiecejanifer

@Janiecejanifer It's now possible by enabling focused page from the Rendering tab: https://mcmap.net/q/871538/-chrome-configure-screenshot-hot-key – Jeminah

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. – Jeminah

Answer 1

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.

1. Open the Command Menu.
2. Start typing Screenshots and select Capture full size screenshot.

Moneychanger

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. – Martella

Answer 2

Long list but fastest execution when learned:

1. press CTRL+SHIFT (keep them pressed)
2. press i (opens Chrome development tools)
3. press p (opens the Command Menu)
4. release CTRL+SHIFT
5. write "re s" (selects "Capture screenshot" command)
6. press Enter (executes the command and downloads the captured screenshot)

Variants of step n. 5:

• write "cfu" (selects "Capture full size screenshot" command)
• write "caph" (selects "Capture area screenshot" command)
• write "cnod" (selects "Capture node sreenshot" command)

Swithin

🏆👏 Best available workaround for keyboarders – Alika

Answer 3

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

1. In the DevTools, open the command menu, type Rendering, and select "Show Rendering":

2. In the Rendering tab, enable ☑️Emulate a focused page:

3. Now you can take screenshots as described in the doc but without the need to use shortcuts:

Jeminah