1. Web Developer Tool
2. Chrome Open Developer Tools

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

It’s National Cyber Security Awareness Month. From warning you about deceptive sites to protecting you from serious security threats, we're all about keeping you safe online. The Chrome Apps Developer Tool helps developers build and debug Chrome Apps and Extensions. The features include: - Separate view for unpacked apps/extensions - Inspect views for inspecting app/extension pages using dev tools - Reload an. Aug 22, 2018  Tools for Web Developers Tools Chrome DevTools UI Reference By Kayce. (Mac) or Ctrl+Shift+P (Windows, Linux). Chrome Extension Docs Developer Feedback Program Progressive Web Apps Training and Partners. Instructor Led Training Web Courses at Udacity.

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

4 Answers

The default should beCommand+Option+i (or Command+Option+jHow to mini tool partition to format drive for mac. for the JavaScript console).

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

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

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.

Web Developer Tool

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:

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:

Chrome Open Developer Tools

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