google-chrome - quitar - developer tools google

personalizar chrome developer tool javascript debugger shortcuts?

Question

No puedo creer que ni una búsqueda de Google o SO haya arrojado una respuesta definitiva o incluso mucha discusión para esto, pero:

¿Es posible editar / personalizar los atajos de teclado en el depurador de JavaScript de Google Chrome? ¿si es así, cómo?

Estoy acostumbrado al paso del depurador F5 / F6 / F7 / F8 de Eclipse en las teclas / over / out / resume, y quiero los mismos enlaces en Google Chrome. F10 / F11 son claves Expose predeterminadas para OSX y, por lo tanto, no son ideales para el control del depurador.

Estoy abierto a soluciones poco ortodoxas, por ejemplo, Quicksilver / AppleScript.

Páginas relacionadas, pero no muy útiles:

• Métodos abreviados de teclado de la consola JavaScript de Google Chrome
• Documentación de accesos directos de teclado de Chrome

Answer 1

Aquí está mi secuencia de comandos de Autohotkey para mapear Shortkeys de depurador de Chrome

#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 desea incluir el fragmento en su script ahk existente, agréguelo al final del script.

Answer 2

El Administrador de accesos directos de Chrome no funcionó, pero el uso de KeyRemap4MacBook sí. Más detalles aquí: personalización de acceso directo de teclado de Google Chrome Developer Tools en Mac

Answer 3

Hay correladores de teclas para cada sistema operativo que permiten anular las combinaciones de teclas predeterminadas; Aquí hay algunos:

• Windows
  • Texter
  • AutoHotKey
• OSX
  • xType
• Linux
  • AutoKey

Horquilla y extienda el Administrador de acceso directo de Chrome para la funcionalidad nativa.

Referencias

• Texter

• AutoHotKey

• xType

• AutoKey

• Administrador de accesos directos de Chrome

Answer 4

Hice esto con Karabiner . Estoy usando un teclado de tamaño completo (teclas F1 - F19 ) así que los mapeé a F13 a F16 . De esta forma, el diseño de las teclas coincide con el diseño de los botones en Chrome. Archivo de mapa de teclas

<?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>

Answer 5

Inspirado por la respuesta de @ jcollum, aquí hay otra definición de Karabiner Karabiner , implementando las vinculaciones de teclas específicas de Eclipse en la pregunta original. Consulte también atajo de teclado alternar la respuesta en 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>

Answer 6

Inspirado por la respuesta de @ jcollum, aquí hay otra definición de Karabiner Karabiner . Éste imita mis enlaces de teclas IntelliJ. Consulte también atajo de teclado alternar la respuesta en 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>

Answer 7

Lo único que funcionó para mí fue desactivar los accesos directos en el nivel del sistema operativo (o cambiarlos a otra cosa).

En OSX, puede ir a System Preferences > keyboard > Keyboard Shortcuts abreviados de System Preferences > keyboard > Keyboard Shortcuts y cambiar / deshabilitar los accesos directos que necesita para trabajar en Chrome.

Answer 8

Mi solución es usar Autohotkey , una herramienta que uso para atajos en cualquier aplicación.

Hago y ejecuto un script .ahk como este:

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

Es simple: solo cuando la ventana del navegador Chrome está activa, anula la tecla F2 y simula Ctrl + b, que es el atajo oficial de Chrome para alternar el punto de interrupción.

De hecho, ejecuto mi script ahk cuando se inicia Windows, por lo que los accesos directos siempre están activos.

Puede agregar más accesos directos. Puede usar un navegador o aplicación diferente. Una cosa que no puedo mejorar todavía es escuchar atajos solo cuando las herramientas de desarrollo web en el navegador están activas, tal vez haya una manera.

Answer 9

Relacionado:

Addy ha comenzado un problema "Posibilidad de personalizar atajos de teclado / enlaces de teclas para DevTools": https://code.google.com/p/chromium/issues/detail?id=174309

Answer 10

Si alguien usa Ubuntu, establecer un atajo global es probablemente la mejor solución por el momento. Esto es lo que funcionó para mí:

1. Instale xcape ( https://github.com/alols/xcape ). Para sistemas basados ​​en Debian puede ejecutar:

   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. Ejecute el siguiente comando para mapear por ej. F6 al atajo de las herramientas de desarrollo:

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

3. Establezca los accesos directos que prefiera y coloque los comandos relativos en su .bash_profile para obtener resultados permanentes