应用错误收集

时间：2016-06-29 14:04:59

标签： javascript debugging infinite-loop developer-console

我有一个大型的JavaScript应用程序，只使用vanilla，jQuery，jQuery-UI和一个WYSIWYG库，它有性能问题，我怀疑它在后台运行无限循环。有没有办法从浏览器中的开发者控制台找到后台实际完成的内容，还是有其他方法？

例如，有一些函数可以执行反向树遍历，这些函数使用while条件完成。如果它没有得到满足，它显然会在用户不知情的情况下运行。其他问题可能是未终止的间隔等。

答案 0 :(得分：4)

Chrome在网络检查器中有一个“时间轴”标签，可用于记录正在触发的JavaScript事件。

按F12将其打开，然后转到“时间轴”标签并开始录制。一旦停止录制，您可以密切检查正在触发的事件以及何时发生。

这可以帮助您发现代码中无限循环之类的内容。

答案 1 :(得分：2)

我相信你可以在chrome检查器中使用时间轴来查看哪些函数在什么时间和多长时间运行。我发现总是命名我的函数是最简单的，所以我可以检查函数的性能。