Циклы выполнения в приложении JavaScript

Question

У меня есть большое приложение JavaScript, использующее только ваниль, jQuery, jQuery-UI и WYSIWYG-библиотеку с проблемами производительности, и я подозреваю, что она имеет бесконечные циклы, работающие в фоновом режиме. Есть ли способ найти то, что на самом деле делается на фоне с консоли разработчика в браузере, или есть какой-то другой способ?

Например, есть функции, которые выполняют обратное перемещение по дереву, которые выполняются с условием while. Если он не выполняется, он, очевидно, работает бесконечно без знания пользователем. Другие проблемы могут быть неработающими интервалами и т. Д.

Answer 1

В Chrome есть вкладка «временной шкалы» в веб-инспекторе, которая может использоваться для записи того, какие события JavaScript запускаются.

Нажмите F12, чтобы открыть его, затем перейдите на вкладку «Timeline» и начните запись. Как только вы остановите запись, вы можете внимательно проверить, какие события увольняются и когда.

Это может помочь вам обнаружить такие вещи, как бесконечный цикл в коде.

Смотрите также: the documentation for this tool.

Answer 2

Я считаю, что вы можете использовать временную шкалу в инспекторе хрома, чтобы узнать, какие функции работают в какое время и на какое время. Мне было легче всего назвать мои функции, чтобы я мог проверять производительность функций.

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