1

我有一个大型 JavaScript 应用程序,仅使用 vanilla、jQuery、jQuery-UI 和一个所见即所得库,它存在性能问题,我怀疑它在后台运行无限循环。有没有办法从浏览器的开发者控制台中找到后台真正正在做的事情,还是有其他方法?

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

4

2 回答 2

4

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

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

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

Chrome 时间线配置文件

另请参阅:此工具的文档

于 2016-06-29T14:11:50.433 回答
2

我相信您可以使用 chrome 检查器中的时间轴来查看哪些功能在什么时间运行了多长时间。我发现总是为我的函数命名是最容易的,这样我就可以检查函数的性能。

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

于 2016-06-29T14:13:32.807 回答