Настроить Chrome Developer Tool Сочетания клавиш отладчика javascript? - PullRequest
Новая
       51

Настроить Chrome Developer Tool Сочетания клавиш отладчика javascript?

49 голосов
/ 19 ноября 2011

Я не могу поверить, что ни поиск в Google, ни в поисковой выдаче не дал однозначного ответа или даже большого обсуждения этого вопроса, но:

Можно ли редактировать / настраивать сочетания клавиш в отладчике Google Chrome JavaScript? если да, то как?

Я привык к Eclipse F5 / F6 / F7 / F8 шаг отладчика в / за / из / возобновить ключи, и хотите такие же привязки в Google Chrome. F10 / F11 являются ключами Expose по умолчанию для OSX и поэтому не идеальны для управления отладчиком.

Я открыт для неортодоксальных решений, например, Ртуть / AppleScript.

Связанные, но не совсем полезные страницы:

Ответы [ 10 ]

9 голосов
/ 06 апреля 2014

Связанный:

В Addy появилась проблема «Возможность настраивать сочетания клавиш / привязки клавиш для DevTools»: https://code.google.com/p/chromium/issues/detail?id=174309

2 голосов
/ 19 июня 2015

Я сделал это с Карабинером .Я использую полноразмерную клавиатуру ( F1 - F19 клавиши), поэтому я сопоставил их с F13 с F16 .Таким образом, расположение клавиш соответствует расположению кнопок в Chrome.Файл раскладки: 

<?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>
2 голосов
/ 11 января 2014

Chrome Shortcut Manager не работал для меня, но с помощью KeyRemap4MacBook работал.Подробнее здесь: Настройка сочетаний клавиш Google Chrome Developer Tools для Mac

1 голос
/ 19 декабря 2017

Мое решение использует Autohotkey , инструмент, который я использую для ярлыков в любом приложении.

Я создаю и запускаю скрипт .ahk, например: 

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

Это просто: только когда окно браузера Chrome активно, переопределите клавишу F2 и имитируйте Ctrl + b, который является официальным сочетанием клавиш Chrome для переключения на точку останова.

Я фактически запускаю свой сценарий ahk при запуске Windows, поэтому ярлыкивсегда активен.

Вы можете добавить больше ярлыков.Вы можете использовать другой браузер или приложение.Одна вещь, которую я пока не могу улучшить, это прослушивание ярлыков только тогда, когда активны инструменты веб-разработчика в браузере, может быть, есть выход.

1 голос
/ 22 июня 2016

Вдохновленный ответом @ jcollum, вот еще одно определение Karabiner private.xml , реализующее конкретные привязки клавиш Eclipse в исходном вопросе. См. Также сочетание клавиш для переключения ответ на 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>
1 голос
/ 22 июня 2016

Вдохновленный ответом @ jcollum, вот еще одно определение Karabiner private.xml .Этот имитирует мои привязки клавиш IntelliJ.См. Также сочетание клавиш для переключения ответ на 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>
1 голос
/ 21 августа 2012

Для каждой ОС существуют средства сопоставления клавиш, которые позволяют переопределять комбинации клавиш по умолчанию;Вот некоторые из них:

  • Windows
    • Текст
    • AutoHotKey
  • OSX
    • xType
  • Linux
    • AutoKey

Форк и расширение Chrome Shortcut Manager для встроенной функциональности.

Ссылки

0 голосов
/ 18 апреля 2018

Вот мой Autohotkey Скрипт для сопоставления быстрых клавиш отладчика 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

Если вы хотите включить фрагмент в существующий сценарий ahk, добавьте его в конец сценария.

0 голосов
/ 30 мая 2017

Если кто-нибудь использует Ubuntu, настройка глобального ярлыка является, вероятно, лучшим решением на данный момент.Вот что сработало для меня:

  1. Установить xcape (https://github.com/alols/xcape). Для систем на основе Debian вы можете запустить: 

    <code>sudo apt-get install git gcc make pkg-config libx11-dev libxtst-dev libxi-dev
git clone <a href="https://github.com/alols/xcape.git" rel="nofollow noreferrer">https://github.com/alols/xcape.git</a>
cd xcape
make
sudo make install

  2. Запустите следующую команду, чтобы сопоставить пример F6 с ярлыком инструментов dev: 

    <code>xcape -e 'F6=Control_L|Shift_L|I'

  3. Установитьярлыки, которые вы предпочитаете, и вставьте соответствующие команды в .bash_profile для получения постоянных результатов

0 голосов
/ 09 апреля 2013

Единственное, что сработало для меня, это отключить ярлыки на уровне ОС (или поменять их на что-то другое).

В OSX вы можете перейти на System Preferences > keyboard > Keyboard Shortcuts и изменить / отключить ярлыки, необходимые для работы в Chrome.

...