35

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.

| improve this question | | | | |
56

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

| improve this answer | | | | |
  • 3
    By gum, you're right!!! – yalestar Jul 15 '10 at 15:42
  • Seriously is there some reason for Chrome to have a different set of shortcut keys for Mac? – Pacerier Aug 3 '17 at 23:53
  • @Pacerier Except for F12 they have the same shortcuts, just Ctrl -> Command, Shift -> Option. – Pablo A Mar 7 '18 at 2:07
  • @Pacerier lack of physical F12 key on Macbook Pro is a good a reason for me – TMG Feb 12 '19 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: ⌥

| improve this answer | | | | |
  • you are absolutely right, but i thought it was | instead of I, so I struggled since then – workplaylifecycle Aug 31 '19 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.

| improve this answer | | | | |
  • there is no + button in shortcuts tab ( using macOS sierra 10.12.5 Ratina) – diEcho Jul 28 '17 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 '17 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

| improve this answer | | | | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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