☰

Chrome 键盘快捷键暂停脚本执行

tag-icon • tag-icon google-chrome keyboard-shortcuts web-development
Chrome 键盘快捷键暂停脚本执行

Google Chrome 中是否有可以中断脚本执行的键盘快捷键？（相当于按下||开发人员工具脚本面板中的“暂停脚本执行”按钮。）

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

答案1

更新：Dev Tools 有许多内置快捷键（按 可F1查看列表）。暂停脚本执行是F8（从 Chrome 45 开始，查看“源”选项卡时）或Ctrl+ /。

如果开发工具已经打开到“源”选项卡，则该快捷方式仅在主浏览器窗口中有效。

如果上述快捷方式不起作用，我确实想出了一个可以放入页面（或粘贴到 Javascript 控制台）的单行代码来实现我的目标：

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

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

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

答案2

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

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

有更简单的方法来检查处于悬停或活动等奇怪状态的事物。首先，在 Chrome Dev Tools 的“元素”窗格中找到 DOM 节点。现在您可以右键单击该节点并查看上下文菜单中的“强制元素状态”，或者选择该节点并查看“样式”选项卡，然后找到右上角的虚线框和鼠标指针图标（位于 +/加号图标旁边，可让您向element.style所选元素添加新的 CSS 规则）。

当您激活其中一种状态时，元素窗格的左边距会出现一个小圆圈，表示您已经覆盖了该行元素的自然状态。

答案3

我编写了一个 Chrome 扩展程序，它允许你按键盘上的暂停按钮来暂停 JavaScript 执行

如何获取：

用法：

  1. 保持 chrome 开发者工具打开
  2. 按下pause/break键盘上的

答案4

运用我的谷歌搜索能力，我发现Google 官方 Chrome 键盘快捷键列表

似乎没有专门的插件。不过，如果您愿意，您可以编写一个插件，将组合键解释为暂停按钮。

相关内容