如何在Google Chrome中调试无响应的页面？

Question

我有一个相当复杂的javascript应用程序（它不使用外部框架），用户正在测试（几千行）。我一直在收到报告，用户正在谷歌浏览器中获取弹出窗口说：

  

以下页面没有响应。你可以等他们   变得敏感或杀死他们。

他们报告说，继续使用该应用的唯一方法是打开一个新的Chrome窗口，但这些消息每隔几分钟就会恢复一次，并且只有在他们尝试转到新页面时才会发生。他们特意说他们点击进入新页面，当前页面永远不会改变，他们只看到旋转加载图标一分钟，直到弹出窗口出现。

奇怪的是，我已经对这些用户遇到问题的Chrome（18）的确切版本进行了广泛测试，并且我没有看到任何问题。我有点难过，不知道现在在哪里看，因为我无法复制它，任何关于在哪里寻找旁观的想法至少尝试找出甚至可能导致错误的原因？

Answer 1

使用chrome javascript调试程序在无响应期间暂停（中断运行代码）。它需要一些时间，但它应该在运行太久的任何时候中断。然后，您可以使用调试器控件来循环查看不必要的循环。

Answer 2

我知道这是一个老问题，但我也遇到了这个问题，我最好的推荐是：

完全关闭Chrome，然后添加＆＃34; --enable测井＆＃34;使用该标志启动它的Chrome快捷方式，您甚至可以添加＆＃34; --enable-logging --v = 1＆＃34;启用详细日志记录。

我知道，插入一个断点并不是一个选项，因为它在一个新的标签中崩溃，然后才能让控制台升级。但是，通过启用日志记录，控制台将被写入chrome数据目录中的文件（＆＃34; C：\ Users \ username \ AppData \ Local \ Google \ Chrome \ User Data＆＃34;）

我希望有一天能帮助别人像我一样！ ：d

Answer 3

我今天有一个页面有一些错误的JS（无限循环），我无法通过键盘快捷键或右键单击（Chrome 60.0.3112.113）打开开发工具。能够通过以下方式解决这个问题：

1. 打开新标签
2. 打开开发工具（在空标签上）
3. 输入网址并加载
4. 在开发工具中暂停JS执行

也许这会对某人有所帮助！此外，chrome调试器会在浏览器选项卡中保留断点（对于相同的JS），因此如果我无法准确确定导致错误的原因，我的断点仍然会出现在新选项卡中！