Sweet Home 3D is powerful interior photo graphic design software for Mac. This Mac photo graphic software allows users to draw rooms of an existing interior plan, change the texture or color of each room, and embellish it with suitable furniture, windows, doors, etc. Server & Tools Blogs > Developer Tools Blogs > The Visual Studio Blog. Use the Report a Problem tool in Visual Studio for Mac. A cool product indeed. System: Mac & Windows. Advantage: Online collaboration design & hand-off design for UI designers and developers. As a brand-new collaboration and hand-off tool, iDoc has powerful plugins that support to import files from Photoshop, Adobe XD, and Sketch.With the help of plugins, iDoc is possible to generate specs and assets automatically for UI designer’s use.
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.
4 Answers

The default should beCommand+Option+i (or Command+Option+j for the JavaScript console).
Stephen RauchI 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)
Ie Developer Tool
- 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.
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: