customize chrome developer tool javascript debugger keyboard shortcuts?
Related:
Addy has started an issue 'Ability to customize keyboard shortcuts/key bindings for DevTools':https://code.google.com/p/chromium/issues/detail?id=174309
I did this with Karabiner. I'm using a full size keyboard (F1-F19 keys) so I mapped them to F13 to F16. This way the layout of the keys matches the layout of the buttons in Chrome. Keymap file:
<?xml version="1.0"?><root> <appdef> <appname>CHROME</appname> <equal>com.google.Chrome</equal> </appdef> <item> <name>CHROMEDEBUGGINGKEY</name> <appendix>This maps the F13-F16 keys to Chrome debugging keys</appendix> <identifier>private.swap_chrome_to_debug_settings</identifier> <only>CHROME</only> <!--<autogen>__KeyToKey__ KeyCode::SPACE, KeyCode::TAB</autogen>--> <autogen> __KeyToKey__ KeyCode::F13, KeyCode::F8 </autogen> <autogen> __KeyToKey__ KeyCode::F14, KeyCode::F10 </autogen> <autogen> __KeyToKey__ KeyCode::F15, KeyCode::SEMICOLON, ModifierFlag::COMMAND_L </autogen> <autogen> __KeyToKey__ KeyCode::F16, KeyCode::SEMICOLON, ModifierFlag::COMMAND_L, ModifierFlag::SHIFT_L, </autogen> </item></root>
Chrome Shortcut Manager didn't work for me, but using KeyRemap4MacBook did. More details here: Google Chrome Developer Tools keyboard shortcut customization on Mac