personnaliser l'outil de développement chrome javascript débogueur raccourcis clavier javascript?

Related:

Addy a commencé un problème 'capacité de personnaliser raccourcis clavier / reliures de touches pour DevTools': https://code.google.com/p/chromium/issues/detail?id=174309

Chrome Shortcut Manager n'a pas fonctionné pour moi, mais L'utilisation de KeyRemap4MacBook l'a fait. Plus de détails ici: Google Chrome Developer Tools clavier raccourci personnalisation sur Mac

je l'ai fait avec Mousqueton . J'utilise un clavier grand format (touches F1 - F19 ) donc je les ai fait correspondre à F13 à F16 . De cette façon, la disposition des touches correspond à la disposition des boutons en 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>

inspiré par la réponse de @jcollum, voici encore un autre Karabiner privé.xml définition, celle-ci implémentant les liaisons clés Eclipse spécifiques dans la question originale. Voir aussi raccourci clavier basculement réponse sur apple.stackexchange.com.

<?xml version="1.0"?>
<root>
  <item>
    <name>Custom via private.xml</name>

    <appdef>
      <appname>ChromeLike</appname>
      <equal>com.google.Chrome</equal>
      <equal>com.vivaldi.Vivaldi</equal>
      <prefix>org.epichrome.app.</prefix>
    </appdef>
    <item>
      <name>Remap debugger keys in Chrome (Eclipse)</name>
      <appendix>Change consumer keys to function keys matching Eclipse shortcuts</appendix>
      <identifier>private.app_chromelike_switch_consumer_to_eclipse_debugger</identifier>
      <only>ChromeLike</only>
      <autogen>__KeyToKey__ ConsumerKeyCode::KEYBOARDLIGHT_LOW,  ModifierFlag::NONE, KeyCode::F11</autogen> <!-- F5 Step Into -->
      <autogen>__KeyToKey__ ConsumerKeyCode::KEYBOARDLIGHT_HIGH, ModifierFlag::NONE, KeyCode::F10</autogen> <!-- F6 Step Over -->
      <autogen>__KeyToKey__ ConsumerKeyCode::MUSIC_PREV, ModifierFlag::NONE, KeyCode::F11, ModifierFlag::SHIFT_L</autogen> <!-- F7 Step Out -->
      <autogen>__KeyToKey__ ConsumerKeyCode::MUSIC_PLAY, ModifierFlag::NONE, KeyCode::F8</autogen> <!-- F8 Resume -->
    </item>

  </item>
</root>

inspiré par la réponse de @jcollum, voici un autre Karabiner privé.définition xml . Celui-ci imite mes Fixations de clés IntelliJ. Voir aussi raccourci clavier basculement réponse sur apple.stackexchange.com.

<?xml version="1.0"?>
<root>
  <item>
    <name>Custom via private.xml</name>

    <appdef>
      <appname>ChromeLike</appname>
      <equal>com.google.Chrome</equal>
      <equal>com.vivaldi.Vivaldi</equal>
      <prefix>org.epichrome.app.</prefix>
    </appdef>
    <item>
      <name>Remap debugger keys in Chrome (IntelliJ)</name>
      <appendix>Change consumer keys to function keys matching IntelliJ shortcuts</appendix>
      <identifier>private.app_chromelike_switch_consumer_to_intellij_debugger</identifier>
      <only>ChromeLike</only>
      <autogen>__KeyToKey__ ConsumerKeyCode::MUSIC_PREV, ModifierFlag::NONE, KeyCode::F11</autogen> <!-- F7 Step Into -->
      <autogen>__KeyToKey__ ConsumerKeyCode::MUSIC_PLAY, ModifierFlag::NONE, KeyCode::F10</autogen> <!-- F8 Step Over -->
      <autogen>__KeyToKey__ ConsumerKeyCode::MUSIC_PLAY, ModifierFlag::SHIFT_L, KeyCode::F11, ModifierFlag::SHIFT_L</autogen> <!-- S-F8 Step Out -->
      <autogen>__KeyToKey__ ConsumerKeyCode::KEYBOARDLIGHT_HIGH, ModifierFlag::NONE, KeyCode::F11, ModifierFlag::SHIFT_L</autogen> <!-- F6 Step Out -->
      <autogen>__KeyToKey__ ConsumerKeyCode::MUSIC_NEXT, ModifierFlag::NONE, KeyCode::F8</autogen> <!-- F9 Resume -->
    </item>

  </item>
</root>

il y a des cartes de touches pour chaque OS qui permettent de passer outre les combinaisons de touches par défaut; en voici quelques-unes:

• fenêtres
  • Texter
  • AutoHotKey
• OSX
  • xType
• Linux
  • AutoKey

fourche et rallonge le Gestionnaire de raccourcis Chrome pour la fonctionnalité native.

Références

• Texter

• AutoHotKey

• xType

• AutoKey

• Chrome Gestionnaire Des Raccourcis

ma solution utilise Autohotkey , un outil que j'utilise pour raccourcis dans n'importe quelle application.

je fais et exécute un.ahk script comme ceci:

#IfWinActive ahk_class Chrome_WidgetWin_1 ; Chrome browser
F2::Send, ^b ; toggle breakpoint (Ctrl+b)
^b::Send, ^m ; use Ctrl+b for something else

c'est simple: seulement lorsque la fenêtre du navigateur Chrome est active, outrepasser la touche F2 et simuler Ctrl+b, qui est un raccourci Chrome officiel pour basculer le point de rupture.

j'exécute en fait mon script ahk quand Windows démarre, donc les raccourcis sont toujours actifs.

vous pouvez ajouter plus de raccourcis. Vous pouvez utiliser un autre navigateur ou application. Une chose que je ne peux pas encore améliorer est d'écouter les raccourcis uniquement lorsque les outils de développement web dans le navigateur sont actifs, peut-être qu'il y a un moyen.

la seule chose qui a fonctionné pour moi était de désactiver les raccourcis au niveau de L'OS (ou les changer en quelque chose d'autre).

dans OSX, vous pouvez aller à System Preferences > keyboard > Keyboard Shortcuts et changer/désactiver les raccourcis dont vous avez besoin pour travailler dans Chrome.

Si quelqu'un utilise Ubuntu, la configuration d'un raccourci est probablement la meilleure solution pour le moment. Voici ce qui a fonctionné pour moi:

1. installez xcape ( https://github.com/alols/xcape ). Pour les systèmes basés sur Debian, vous pouvez exécuter:

   sudo apt-get install git gcc make pkg-config libx11-dev libxtst-dev libxi-dev
   git clone https://github.com/alols/xcape.git
   cd xcape
   make
   sudo make install
   

2. exécutez la commande suivante pour map for ex. F6 pour les outils de dev raccourci:

   xcape -e 'F6=Control_L|Shift_L|I'

3. définissez les raccourcis que vous préférez et mettez les commandes relatives dans votre .bash_profile pour les résultats permanents

Voici mon Autohotkey Script pour la cartographie de google Chrome Débogueur Raccourcis

#IfWinActive ahk_class Chrome_WidgetWin_1 ; targetting only Chrome browser
F8::Send, {F10}   ; chrome debugger next step   map key F8      to chrome devtools F10
F9::Send, {F8}    ; chrome debugger continue    map key F9      to chrome devtools F8
F7::Send, {F11}   ; chrome debugger step in     map key F7      to chrome devtools F11 
^F7::Send, +{F11} ; chrome debugger step out    map key Strg+F7 to chrome devtools Shift+F11 

Si vous voulez inclure l'extrait de code dans votre script ahk, l'ajouter à la fin du script.