运行 循环在 JavaScript 应用程序中

Running cycles in JavaScript application

我有一个大型 JavaScript 应用程序,它只使用 vanilla、jQuery、jQuery-UI 和一个 WYSIWYG 库,它有性能问题,我怀疑它在后台有无限循环 运行。有没有办法从浏览器的开发者控制台找到后台真正在做什么,或者有其他方法吗?

例如,有些函数可以通过 while 条件进行反向树遍历。如果不满足,它显然会在用户不知情的情况下无限运行。其他问题可能是未终止的间隔等。

Chrome 在 Web 检查器中有一个“时间线”选项卡,可用于记录哪些 JavaScript 事件正在触发。

按 F12 打开它,然后转到“时间轴”选项卡并开始录制。停止录制后,您可以仔细检查触发了哪些事件以及触发时间。

这可以帮助您发现代码中的无限循环等问题。

另请参阅:the documentation for this tool

我相信您可以使用 chrome 检查器中的时间轴来查看哪些功能 运行 在什么时间以及持续了多长时间。我发现最简单的方法是始终为我的函数命名,这样我就可以检查函数的性能。

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