如何在 Mac 上使用 Chrome 开发者调试快捷方式？

Question

我正在使用 Chrome Web 开发者工具在网页上调试 JavaScript。在 Windows 上，我可以F11在调试器中使用单步执行函数。

但是，当我按下F11Mac 上的 时，音量只会增加。F11+fn也没有效果。如何在 Mac 上使用 Chrome Web Developer 键盘快捷键？

Answer 1

• Continue在 Mac 上为:F8或Command- /（正斜杠），在其他平台上为Control- /（正斜杠）。
• Step over在 Mac 上为:F10或Command- （撇号），在其他平台上为- （撇号）。'Control'
• Step into在 Mac 上为:F11或Command- ;（分号），在其他平台上为Control- ;（分号）；
• Step out:在 Mac 上为Shift-F11或Shift- Command- ;（分号），在其他平台上为Shift- Control- ;（分号）。
• Next call frame:-（Control句号.）在所有平台上。
• Previous call frame:-（Control逗号,）在所有平台上。

来源

Answer 2

有用：

1. 转到System Preferences-> Keyboard-> Keyboard。确保您已已启用 Use F1/F2 as standard function keys。

2. 转到System Preferences-> Keyboard-> Keyboard Shortcuts。选择Mission Control左侧面板，然后查看右侧面板并禁用F11 到Show Desktop。

Answer 3

这可以通过以下方式实现登山扣全尺寸键盘的键盘映射如下：

<?xml version="1.0"?>
<root>
  <appdef>
    <appname>CHROME</appname>
    <equal>com.google.Chrome</equal>
  </appdef>

  <item>
    <name>CHROMEDEBUGGINGKEY</name>
    <appendix>This maps the F13, F14 and F15 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 4

如果有人使用 Karabiner Elements，则可能是它阻止了 Chrome 功能热键。打开 Karabiner Elements 偏好设置中的“功能键”选项卡，然后选中“将所有 F1、F2 等键用作标准功能键”，这样就解决了问题。