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

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

使用控制台终止脚本执行

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

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

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

例如,以下代码会导致浏览器崩溃:

----- ------ -
  -- ----
-

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

使用 Debugger 终止脚本执行

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

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

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

----- ------ -
  -- ----
  ---------
-

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

总结

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

来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/10044