【问题标题】:Running cycles in JavaScript application在 JavaScript 应用程序中运行循环
【发布时间】:2016-06-29 14:04:59
【问题描述】:

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

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

【问题讨论】:

    标签: javascript debugging infinite-loop developer-console


    【解决方案1】:

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

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

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

    另请参阅:the documentation for this tool

    【讨论】:

      【解决方案2】:

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

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

      【讨论】:

        猜你喜欢
        • 2010-09-15
        • 2011-09-11
        • 1970-01-01
        • 2013-05-11
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-05-22
        • 1970-01-01
        相关资源
        最近更新 更多