你有没有写过一个无限循环来冻结浏览器中的整个页面?
在本文中,我将尝试向您展示如何处理此类问题。
使用谷歌浏览器,有几种方法可以停止 JavaScript 调试:
- Chrome DevTools 中的停止按钮 ,
- 通过关闭选项卡或窗口结束进程,
- 任务管理器中的结束进程 按钮 。
1. Chrome DevTools 示例中的停止按钮 ⏯🛑
📝 注意事项:
要使用这种方法, 应该在执行 JavaScript 代码之前打开DevTools。否则我们将无法使用F12打开工具, 因为 Chrome 窗口会冻结。您仍然可以使用浏览器菜单打开工具,但工具不会连接到正在执行的源代码以停止它 - 在这种情况下,只能通过关闭选项卡或窗口来停止代码执行。有时,如果内存不足或打开的选项卡数量很多,DevTools 可能无法停止无限循环。
您需要采取以下几个步骤来完成这项工作:
- 使用 F12、 Ctrl+Shift+i 或从菜单 Main menu → More tools → Developer tools打开 Chrome DevTools,
- 打开要调试的网页,
- 运行一些具有无限循环的代码,
- 单击 Chrome DevTools 窗口以专注于它,
- 使用 F8、 Ctrl+\ 或单击 暂停脚本执行 按钮暂停脚本,
- 按下鼠标左键 为 1-3秒 上 的按钮 再次查看更多选项,
- 将单击操作移动到 扩展菜单上的方形停止按钮以永久停止脚本执行。
如何使用 Google Chrome DevTools 停止 JavaScript 循环。
2.通过关闭选项卡或窗口示例结束进程
使用关闭按钮停止该过程。如果它没有帮助,请使用 下一个解决方案中描述的任务管理器。
3. 任务管理器 示例中的 结束进程 按钮
在此解决方案中,您需要:
- 使用 Shift+Esc 或从菜单 Main menu → More tools → Task manager打开 Chrome 任务管理器,
- 按选项卡名称或最大 CPU 负载查找列表中的进程(使用列排序选项),
- 选择进程并单击 结束进程 按钮。
使用 Google Chrome,停止 JavaScript 调试的方法很少。
Google Chrome 67 引入了一些功能,可以在不关闭当前选项卡的情况下停止无限循环(来源在这里)。
快速解决方案:
在 Google Chrome DevTools 中暂停和停止无限循环。
在下面的部分中,您将找到更详细的描述,其中包含停止无限循环的不同方法。
1. Chrome DevTools示例中的停止按钮
注意:要使用这种方法, 应该在执行无限 JavaScript 代码之前打开DevTools。在其他情况下,F12由于 Google Chrome 窗口冻结,我们将无法打开工具。仍然可以使用浏览器菜单打开工具,但工具不会与已执行的源代码连接以停止它 - 在这种情况下,只能通过关闭选项卡或窗口来停止代码执行。有时,对于少量 RAM 或大量打开的选项卡, DevTools可能会遇到停止无穷大脚本的问题。
脚步:
- 使用, + + 或从菜单Main menu → More tools → Developer tools打开Chrome DevTools,F12CtrlShifti
- 打开源选项卡,
- 转到要调试的网页,
- 运行一些具有无限循环的代码,
- 单击 Chrome DevTools窗口以专注于它,
- 使用F8, Ctrl+\或单击暂停脚本执行按钮暂停脚本(检查第二个屏幕截图的第三步),
- 按住鼠标按钮按下的1-3秒上的按钮再次查看更多选项,
- 将单击操作移动到 扩展菜单上的方形停止按钮以永久停止脚本执行。
说明,如何从菜单中打开 Google Chrome DevTools。
说明,如何使用 Google Chrome DevTools 暂停无限 JavaScript 循环。
说明,如何使用 Google Chrome DevTools 停止 JavaScript 循环。
2.通过关闭选项卡或窗口示例结束进程
使用 网页选项卡附近的关闭按钮停止该过程。如果它没有帮助,请使用本文下一个方法中描述的任务管理器。
3.任务管理器 示例中的 结束进程按钮
步骤:
- 使用Shift+Esc 或从菜单Main menu → More tools → Task manager打开Chrome 任务管理器,
- 按选项卡名称或最大 CPU 负载查找列表中的进程(使用列排序选项),
- 选择进程并单击结束进程按钮。