如何在谷歌浏览器调试时终止脚本执行？

当我们在开发前端应用程序时，经常会遇到需要调试 JavaScript 代码的情况。有些时候，我们可能会遇到脚本陷入死循环或者其他无法停止的问题，这时候我们需要中止脚本执行以便进行调试。本文介绍如何在谷歌浏览器中终止脚本执行。

使用控制台终止脚本执行

Chrome 浏览器提供了一个强大的开发工具，称为 Chrome 开发者工具（Chrome DevTools）。在其中，我们可以使用控制台来执行和调试 JavaScript 代码。同时，控制台还提供了一个方便的方法来终止正在运行的脚本。

要在控制台中终止脚本执行，请按以下步骤操作：

1. 打开 Chrome 浏览器并打开开发者工具。可以通过右键单击页面上的任何元素并选择 "检查" 或使用快捷键 Ctrl+Shift+I 来打开开发者工具。
2. 在开发者工具中选择 "控制台" 选项卡。
3. 找到正在运行的脚本代码，并将光标放在代码行的左侧。
4. 按下 Ctrl+\\（Windows）或 Cmd+\\（Mac）终止脚本执行。

例如，以下代码会导致浏览器崩溃：

while (true) {
  // 无限循环
}

在控制台中，我们可以通过按下 Ctrl+\\（Windows）或 Cmd+\\（Mac）来终止脚本执行。这将停止脚本的执行并允许我们进行调试。

使用 Debugger 终止脚本执行

除了使用控制台之外，还可以使用 JavaScript 中内置的 debugger 语句来中止正在运行的脚本。

debugger 语句会导致浏览器在执行到它时暂停执行，并打开开发者工具的调试面板。在调试面板中，我们可以检查当前的变量值、栈跟踪和其他有用的信息。

以下是一个示例代码，在执行到 debugger 语句时会暂停执行：

while (true) {
  // 无限循环
  debugger;
}

当脚本执行到 debugger 语句时，浏览器会自动打开开发者工具并暂停执行。此时，我们可以使用开发者工具中提供的所有调试功能来诊断问题。

总结

本文介绍了在谷歌浏览器中如何中止正在运行的脚本。我们可以使用控制台或 debugger 语句来实现这一目标。这些技巧对于调试复杂的 JavaScript 应用程序非常有用，因为它们可以帮助我们快速发现问题并修复它们。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/10044