Chrome - Configure screenshot hot key

user_3361908 0
Viewed 2219

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

enter image description here

google-chrome-devtools webpage-screenshot screenshot
3 Answers

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)
user_14632620

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":

    Chromium "Command Menu" typing "Rendering" dark theme

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

    Chrome devtools panel Rendering with "Emulate a focused page" highlighted

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

    Chrome devtools taking screenshot with emulated focus on the OpenUI5 page

user_58460450
Related