在 JavaScript 调试器中停止无限循环 - Google Chrome

你有没有写过一个无限循环来冻结浏览器中的整个页面? 

在本文中,我将尝试向您展示如何处理此类问题。

使用谷歌浏览器,有几种方法可以停止 JavaScript 调试:

  • Chrome DevTools 中的停止按钮 
  • 通过关闭选项卡或窗口结束进程,
  • 任务管理器中的结束进程 按钮 。

1. Chrome DevTools 示例中的停止按钮 🛑

编辑

📝 注意事项:

要使用这种方法,  应该在执行 JavaScript 代码之前打开DevTools。否则我们将无法使用F12打开工具,  因为 Chrome 窗口会冻结。您仍然可以使用浏览器菜单打开工具,但工具不会连接到正在执行的源代码以停止它 - 在这种情况下,只能通过关闭选项卡或窗口来停止代码执行。有时,如果内存不足或打开的选项卡数量很多,DevTools 可能无法停止无限循环。

您需要采取以下几个步骤来完成这项工作:

  1.  使用 F12、  Ctrl+Shift+i 或从菜单 Main menu → More tools → Developer tools打开 Chrome DevTools
  2. 打开要调试的网页,
  3. 运行一些具有无限循环的代码,
  4. 单击 Chrome DevTools 窗口以专注于它,
  5. 使用 F8、  Ctrl+\ 或单击 暂停脚本执行 按钮暂停脚本
  6. 按下鼠标左键 为 1-3 上 的按钮 再次查看更多选项,
  7. 将单击操作移动到  扩展菜单上的方形停止按钮以永久停止脚本执行。

如何使用 Google Chrome DevTools 停止 JavaScript 循环。

2.通过关闭选项卡或窗口示例结束进程

编辑

使用关闭按钮停止该过程。如果它没有帮助,请使用  下一个解决方案中描述的任务管理器

3. 任务管理器 示例中的 结束进程 按钮 

编辑

在此解决方案中,您需要:

  1.  使用 Shift+Esc 或从菜单 Main menu → More tools → Task manager打开 Chrome 任务管理器
  2. 按选项卡名称或最大 CPU 负载查找列表中的进程(使用列排序选项),
  3. 选择进程并单击 结束进程 按钮。

使用 Google Chrome,停止 JavaScript 调试的方法很少。

Google Chrome 67 引入了一些功能,可以在不关闭当前选项卡的情况下停止无限循环(来源在这里)。

快速解决方案:

Google Chrome DevTools 中暂停和停止无限循环。

在下面的部分中,您将找到更详细的描述,其中包含停止无限循环的不同方法。

1. Chrome DevTools示例中的停止按钮

编辑

注意:要使用这种方法, 应该在执行无限 JavaScript 代码之前打开DevTools。在其他情况下,F12由于 Google Chrome 窗口冻结,我们将无法打开工具。仍然可以使用浏览器菜单打开工具,但工具不会与已执行的源代码连接以停止它 - 在这种情况下,只能通过关闭选项卡或窗口来停止代码执行。有时,对于少量 RAM 或大量打开的选项卡,  DevTools可能会遇到停止无穷大脚本的问题。

脚步:

  1.  使用, + + 或从菜单Main menu → More tools → Developer tools打开Chrome DevToolsF12CtrlShifti
  2. 打开选项卡,
  3. 转到要调试的网页,
  4. 运行一些具有无限循环的代码,
  5. 单击 Chrome DevTools窗口以专注于它,
  6. 使用F8Ctrl+\或单击暂停脚本执行按钮暂停脚本(检查第二个屏幕截图的第三步),
  7. 按住鼠标按钮按下1-3的按钮再次查看更多选项,
  8. 将单击操作移动到 扩展菜单上的方形停止按钮以永久停止脚本执行。

说明,如何从菜单中打开 Google Chrome DevTools

 

说明,如何使用 Google Chrome DevTools 暂停无限 JavaScript 循环。

 

说明,如何使用 Google Chrome DevTools 停止 JavaScript 循环。

2.通过关闭选项卡或窗口示例结束进程

编辑

使用  网页选项卡附近的关闭按钮停止该过程。如果它没有帮助,请使用本文下一个方法中描述的任务管理器

3.任务管理器 示例中的 结束进程按钮

 

步骤:

  1.  使用Shift+Esc 或从菜单Main menu → More tools → Task manager打开Chrome 任务管理器
  2. 按选项卡名称或最大 CPU 负载查找列表中的进程(使用列排序选项),
  3. 选择进程并单击结束进程按钮。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值