Chrome - Configure screenshot hot key

Question

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

Answer 1

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:

   

---

Since Chrome 123, the "Emulate a focused page" setting can be activated also from the Elements > Styles area.

^{Source: What's New in DevTools (Chrome 123)}

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)

Answer 3

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.