How to Use Developer Tools in Safari on iOS; How to Use Developer Tools in Safari on iOS. Enabling the Debug Console in Safari on iPhone, iPod touch, or iPad allows you to see HTML, CSS, and JavaScript errors directly in the device. This is the most reliable way to ensure that you have no surprise issues to resolve when you do your final testing. Web Development Tools. Apple has brought its expertise in macOS and iOS development tools to the web. Safari includes Web Inspector, a powerful tool that makes it easy to modify, debug, and optimize a website for peak performance and compatibility on both platforms.

• Developer Tool For Mac Safari Update
• Developer Tool For Javascript

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). Add in data analysis tool pac not there on excel for mac.

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.

Developer Tool For Mac Safari Update

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:

Developer Tool For Javascript

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