javascript - Chrome 无响应调试

Question

我有一个页面总是卡在 chrome 和 safari 中。该页面加载得很好，然后达到 25% 的 CPU(4 个内核 - 如果您愿意，可以是 100%)。它永远不会崩溃，但会保持无响应。 Safari 实际上说有一个无响应的脚本。我在所有启动代码上都设置了调试警报，并且代码运行正常。我有“等待 www...”消息不会消失。我怎么知道现在正在运行什么？有没有办法“转储”当前的 javascript 堆栈，即使选项卡没有响应？

我无法发送链接，因为该站点尚未为公众准备好，所以如果您能提供一般解决方案或任何诊断问题的方法，我将不胜感激。

另一个奇怪的事情是，无响应的页面在本地运行时加载得很好。

我们将不胜感激。

Answer 1

您可以使用 webkit 探查器找出它从哪里开始出现问题。打开开发人员工具(在我的 Mac 上是 command + alt + i，也可以通过 chrome 右上角的 Spanner 图标访问)，转到 Profiles 选项卡，然后单击左下角的黑色实心圆圈。执行导致减速的操作，然后再次单击黑色实心圆圈。实心黑色圆圈是“开始录制”/“结束录制”。然后，您可以查看哪些 js 函数占用的时间最多。您还可以获得堆快照，因此您可以看到所有正在创建的 js 对象。非常有用。