Javascript 如何在开发人员控制台中暂停脚本执行

Javascript 如何在开发人员控制台中暂停脚本执行,javascript,debugging,console,Javascript,Debugging,Console,我正在尝试创建一个旋转横幅(JavaScript和CSS)。为了调试和更改开发人员控制台中的CSS等,我想在进行更改时暂停JavaScript执行,然后运行它等等。 那么,有没有办法在浏览器中暂停脚本执行?您正在寻找“断点” 您使用的是哪种浏览器 Chrome在其开发工具中立即支持断点: F12(或Ctrl-Shift-I),“脚本”选项卡,从下拉列表中选择脚本,单击行号。 更新: 在PC上:F12或Ctrl+Shift+I/在Mac上:Cmd+Alt+I 选择“源”选项卡,从左侧的文件窗格中选

我正在尝试创建一个旋转横幅(JavaScript和CSS)。为了调试和更改开发人员控制台中的CSS等,我想在进行更改时暂停JavaScript执行,然后运行它等等。 那么,有没有办法在浏览器中暂停脚本执行?

您正在寻找“断点”

您使用的是哪种浏览器

Chrome在其开发工具中立即支持断点:
F12(或Ctrl-Shift-I),“脚本”选项卡,从下拉列表中选择脚本,单击行号。
更新:
在PC上:F12或Ctrl+Shift+I/在Mac上:Cmd+Alt+I
选择“源”选项卡,从左侧的文件窗格中选择脚本,单击行号

在Firefox中使用Firebug扩展:
在PC和Mac上:F12,
“脚本”选项卡,根据需要激活并重新加载,从下拉列表中选择脚本,单击行号

当Javascript在断点处暂停时,两种浏览器都提供常用的调试工具来单步执行代码、检查和更改变量值、观察表达式等等,如中所述:

F8


这只在Chrome 59.0.3071.115(在Mac OS X上)的开发者工具窗口的“源”选项卡中对我有效。

您可以自己编写暂停代码。 使用调试器暂停javascript执行。在chrome控制台中,运行:

window.addEventListener('keydown',函数(事件){
if(event.defaultPrevented){
return;//如果已取消默认操作,则不应执行任何操作
}
让我相信你是错的;
如果(event.keyCode==121){
已处理=正确;
调试器;//121是F10的键码
}
如果(已处理){
//如果已处理事件,则抑制“双重操作”
event.preventDefault();
}
});
使用检查器高亮显示元素


点击F10

。您寻求的答案是我的javascript自动缩小。是否有类似console.pause()的函数;我可以输入javascript代码,这将停止执行?@TravisHeeter:大多数浏览器支持
调试器关键字来触发调试器。这相当于在代码中设置断点。打开“脚本”选项卡的Mac相当于什么?@Jpsy谢谢:-)我在别处也找到了源代码说明。F12被映射到我的Mac上的一个音量按钮,所以我对这个按钮有点困惑。我确信有一种方法可以重新映射它(或者使用某种神秘的组合键来访问它)。@KatharineOsborne:你必须按住Fn键才能访问上一个键行的F1到F12功能。键盘设置中还有一个复选框,允许您反转该行为。如果激活,F1至F12功能将是默认功能,您需要按Fn键访问音量、亮度等。F12是一个不好的按键代码,它是本机开发工具,就像他/她在胜利前的舞蹈中如此接近,然后摔倒并撞倒自己,特别感谢@dwjohnston。我更新了钥匙代码,使用F10。