在JavaScript应用程序中运行循环

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

标签: javascript debugging infinite-loop developer-console

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

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

2 个答案:

答案 0 :(得分:4)

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

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

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

Chrome timeline profile

另请参阅:the documentation for this tool

答案 1 :(得分:2)

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

https://developers.google.com/web/tools/chrome-devtools/profile/evaluate-performance/timeline-tool?hl=en#profile-js