用于暂停脚本执行的 Chrome 键盘快捷键

Question

谷歌浏览器中是否有键盘快捷键会中断脚本执行？（相当于||在开发人员工具脚本面板中按下“暂停脚本执行”按钮。）

我想使用开发工具检查处于鼠标悬停状态的元素；mouseleave如果我尝试实际单击暂停按钮，代码显然会运行！

Answer 1

虽然我还没有找到这个问题的确切解决方案，但我确实想出了一个可以放在页面中（或粘贴到 Javascript 控制台中）的单行代码来实现我的目标：

jQuery(window).keydown(function(e) { if (e.keyCode == 123) debugger; });

当您点击 时，这将导致执行暂停F12。

（debugger是一个强制断点的 JavaScript 语句。）

更新： Dev Tools 有许多内置快捷方式（按F1获取列表），但您必须专注于 Dev Tools 窗口才能使用它们。暂停脚本执行是F8（从 Chrome 45 开始查看 Sources 选项卡时）或Ctrl+ /。

如果您需要在暂停前专注于页面，上述单行代码可能仍然有用。

Answer 2

Google 的“暂停/恢复脚本执行”的键盘快捷键参考列表：

• F8或Ctrl+ \(Windows)
• F8或Cmd+ \(Mac)

有更简单的方法可以检查悬停或活动等奇怪状态的事物。首先，在 Chrome Dev Tools 的 Elements 面板中找到 DOM 节点。现在您可以右键单击节点并查看上下文菜单中的“强制元素状态”，或者选择节点并查看样式选项卡并在右上角找到带鼠标指针的虚线框图标（在 +/plus 图标旁边，它允许您将新的 CSS 规则添加到element.style，您选择的元素）。

当您激活这些状态之一时，元素窗格的左边距会出现一个小圆圈，表示您已覆盖该行上元素的自然状态。

Answer 3

我写了一个快速的小 Chrome 扩展，它允许你按下键盘上的暂停按钮来暂停 javascript 执行

如何获得：

• Chrome 网上应用店
• GitHub 上的源代码
• CRX 文件

用法：

1. 保持 Chrome 开发者工具打开
2. 按pause/break你的键盘

Answer 4

当您在开发工具窗口或主内容窗口（如果开发工具打开）中按下暂停快捷键时，现代版本的 Chrome 将暂停执行，无论哪个开发工具选项卡处于活动状态。无需额外设置或扩展。

\n

\n
• Windows/Linux:F8 或 Ctrl+ \\\n
  \n
  • 有些键盘要求您按住fn，F8或者fn充当 F 键的大写锁定键，但这种情况很少见。
  \n
  \n
\n
• Mac: \xe2\x8c\x98+\\ 或 fn+ F8\n
  \n
  • 默认情况下，Mac 使用 F 键作为各种系统/媒体快捷键。按住fn可让您改用 F 键。或者，键盘系统首选项会翻转默认值，\n因此您只需按 即可F8。
  \n
  \n
\n

\n

目前还不清楚到底是哪个版本的 Chrome 引入了在主窗口中使用快捷方式的功能，但请注意，版本 80-82 中的回归破坏了它 \xe2\x80\x94 确保您使用的是 Chrome 83+。

\n