Google Chrome Developer Tools keyboard shortcut customization on Mac
I use Firefox Firebug to debug but would switch to Google chrome if I could customize the keyboard shortcuts.
I need to activate and hide the 'developer tools > inspect Element', 1000 times a day. Trying to type CMD + SHIFT + C with one hand, it's a nightmare. I navigate with the mouse
The extension 'Shortcut Manager' has limited built in options. The ability to add Javascripts doesn't help me, where would you start on a task like this?
Because 'inspect Element' has no presence in the Mac menu, I can't even target it that way.
Any ideas?
Answer
There's a simple way to do this without any add-ons.
To open Chrome dev tools with just F12 on a Mac: Open up System Preferences > Keyboard. Check the box marked "Use all F1, F2 etc. keys as standard function keys".
Then go to the Shortcuts tab, and select App Shortcuts from the side menu. Make a new shortcut by hitting the + button, and select Google Chrome as the application. In the Menu Title input, type Developer Tools and then simply type F12 (or your own preferred shortcut) in the Keyboard Shortcut input.