Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

customize chrome developer tool javascript debugger keyboard shortcuts?

I can't believe that neither a Google or SO search has turned up a definitive answer or even much discussion for this, but:

Is it possible to edit/customize keyboard shortcuts in the Google Chrome JavaScript debugger? if so, how?

I'm used to Eclipse's F5/F6/F7/F8 debugger step into/over/out of/resume keys, and want the same bindings in Google Chrome. F10/F11 are default Expose keys for OSX and therefore not ideal for debugger control.

I'm open to unorthodox solutions, e.g. Quicksilver/AppleScript.

Related, but not-quite-helpful, pages:

  • Google Chrome's Javascript console keyboard shortcuts
  • Chrome Keyboard Shortcuts Documentation
like image 300
ericsoco Avatar asked Nov 19 '11 07:11

ericsoco


People also ask

Can you customize Chrome shortcuts?

Create Chrome shortcuts to your favorite sites Shortcuts can help save you precious time. Just go to the 'Shortcuts' dialog in the Customize menu. Open a new tab. At the bottom right, click Customize.


2 Answers

There's now an experimental setting to allow you to customise shortcuts!

Click on the settings button in DevTools:

DevTools settings

Then Experiments, search for "key" and ticking Enable keyboard shortcut editor will add the Shortcuts item:

enter image description here

You can now customise shortcuts and there's a handy one for if you use VS Code:

enter image description here

You'll have to reload DevTools for it to take effect.

like image 23
John Leonard Avatar answered Sep 22 '22 17:09

John Leonard


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

like image 55
s10wen Avatar answered Sep 19 '22 17:09

s10wen