Keyboard Shortcut for Chrome's Developer Tools on Mac?

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.

yalestar

Posted 2010-07-15T14:22:07.280

Reputation: 813

Answers

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

ashcatch

Posted 2010-07-15T14:22:07.280

Reputation: 1 120

3By gum, you're right!!! – yalestar – 2010-07-15T15:42:46.450

Seriously is there some reason for Chrome to have a different set of shortcut keys for Mac? – Pacerier – 2017-08-03T23:53:25.487

@Pacerier Except for F12 they have the same shortcuts, just Ctrl -> Command, Shift -> Option.

– Pablo A – 2018-03-07T02:07:15.920

@Pacerier lack of physical F12 key on Macbook Pro is a good a reason for me – TMG – 2019-02-12T08:46:06.663

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

brandonjp

Posted 2010-07-15T14:22:07.280

Reputation: 1 705

you are absolutely right, but i thought it was | instead of I, so I struggled since then – workplaylifecycle – 2019-08-31T08:17:08.940

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.

Paul J

Posted 2010-07-15T14:22:07.280

Reputation: 198

there is no + button in shortcuts tab ( using macOS sierra 10.12.5 Ratina) – diEcho – 2017-07-28T11:42:40.890

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 – 2017-08-01T17:22:29.093

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:

Business Tomcat

Posted 2010-07-15T14:22:07.280

Reputation: 136