38

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

62

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

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .