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


48

Google Chrome浏览器中是否有键盘快捷键会中断脚本执行?(等效于在||“开发人员工具脚本”面板中按“暂停脚本执行”按钮。)

我想使用开发工具来检查处于鼠标悬停状态的元素。mouseleave如果我尝试实际单击“暂停”按钮,则代码显然将运行!

Answers:


56

虽然我没有找到解决此问题的确切方法,但我确实提出了一种可以放在页面中(或粘贴到Javascript控制台中)的单线实现我的目标:

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

按下时,这将导致执行暂停F12

debugger是强制执行断点的JavaScript语句。)


更新:开发工具具有许多内置的快捷方式(按F1可获得列表),但是必须专注于“开发工具”窗口才能使它们起作用。F8(在Chrome 45或更高版本中,当查看“源”选项卡时)或Ctrl+ 暂停脚本执行/

如果您需要在暂停前集中注意力在页面上,则上述一线可能仍然有用。


6
F8仅在DevTools(Chrome 40)中的“源”页面上有效时
netvope 2015年

1
CTRL + /是否可以在Linux上运行?因为CTRL + \似乎可以在Windows下运行,并且根据其他说法,对于MAC,它将为CMD + \。
djabraham

1
相同的效果,但不需要jQuery:window.addEventListener('keydown', e => { if (e.keyCode === 123) debugger })
pau.moreno

有时事件热键会关闭您要检查的元素,setTimeout(function() { debugger; }, 1000)在这里有帮助
cyptus

14

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

  • F8Ctrl+ \(Windows)
  • F8Cmd+ \(Mac)

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

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


3
F8在主浏览器窗口中不起作用,仅在“开发工具”窗口中不起作用。当脚本是侦听正在执行事件的事件(而不只是CSS)时,使用Force Element State并没有帮助。
josh3736 2014年

3
F8确实可以在主浏览器窗口中工作,但是您必须将“开发工具”窗口打开到后台的“源”选项卡。
reor

8

我编写了一个快速的Chrome扩展小程序,可让您按键盘上的“暂停”按钮来暂停JavaScript执行

如何获得:

用法:

  1. 保持Chrome开发者工具处于打开状态
  2. pause/break键盘上的

1
@Flu,我已将其添加到Chrome网上应用店。享受
SpareBytes 2014年

效果很好–我能够暂停一下,以便可以动态检查注入页面的HTML。使用开发人员工具无效,因为HTML在失去焦点时被代码删除。
肯尼·埃维特

我的键盘没有“暂停/中断”按钮,因此我不得不将其映射到其他键。对我来说,立即变得不明显的是,当您单击“保存组合”按钮时,需要按住新的组合键。
贾斯珀·花旗

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.