37

Is it possible to create a keyboard shortcut to open Developer Tools on on Google Chrome on a Mac?

Ctrl-Shift-J does it on Linux and Windows.

5 Answers 5

60

The default should be Command+Option+i (or Command+Option+j for the JavaScript console).

4
  • 3
    By gum, you're right!!!
    – yalestar
    Jul 15, 2010 at 15:42
  • Seriously is there some reason for Chrome to have a different set of shortcut keys for Mac?
    – Pacerier
    Aug 3, 2017 at 23:53
  • @Pacerier Except for F12 they have the same shortcuts, just Ctrl -> Command, Shift -> Option.
    – Pablo A
    Mar 7, 2018 at 2:07
  • @Pacerier lack of physical F12 key on Macbook Pro is a good a reason for me
    – TMG
    Feb 12, 2019 at 8:46
15

I think most Keyboard Shortcuts are listed in menus, when applicable.

Example image

Also...you can often define your own custom keyboard shortcuts in OS X by going to System Preferences > Keyboard & Mouse > Keyboard Shortcuts, then Adding a new shortcut that matches the name of the menu item you want to access. See full instructions at OSXDaily.com.

If needed, this OSXDaily.com article has a good rundown on which symbols match which modifier keys. Also, I always remember the ALT/Option key because it's symbol shows an 'alternate' path: ⌥

1
  • you are absolutely right, but i thought it was | instead of I, so I struggled since then
    – http8086
    Aug 31, 2019 at 8:17
6

Windows uses F12 you can map that to Developer Tools, which is what I did.

 icon → System Preferences... → Keyboard → Shortcuts (tab button)

  • Click the + Button
  • Application select: Google Chrome and/or Chromium and/or Google Chrome Canary
  • Menu Item: Developer Tools
  • Keyboard Shortcut: F12
  • Then hit Add (of course)

Of course you can put in whatever you want there instead of F12.

2
  • there is no + button in shortcuts tab ( using macOS sierra 10.12.5 Ratina)
    – xkeshav
    Jul 28, 2017 at 11:42
  • Looks like apple support page isn't updated and my mbp is down right now, I'll update when I get my machine back online. Thanks @pro.mean
    – Paul J
    Aug 1, 2017 at 17:22
1

For people who want to use the shortcut to F12 (like in every other browser and/or os), you can use the answer of paulj, but in the Shortcuts tab, you first need to click in the left list at App Shortcuts.

Then you get the + button to add Google Chrome:

app shortchuts

Hint: If you use another language, the dev tools has also another name.
For example in german I have to use Entwicklertools. You can find the correct name if you look in Chrome:

enter image description here

-2

I have checked 'Search in anonymous and content script' and tried to use shortcut CTRL + SHIFT + J insted of CTRL + SHIFT + F. and surprisingly it started working.

mentioned here setting >> shortcut

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.