Laufzyklen in JavaScript-Anwendung

Question

Ich habe eine große JavaScript-Anwendung nur mit Vanille, jQuery, jQuery-UI und eine WYSIWYG-Bibliothek, die Leistungsprobleme hat und ich vermute, dass es unendliche Zyklen im Hintergrund laufen. Gibt es eine Möglichkeit zu finden, was wirklich im Hintergrund von der Entwicklerkonsole im Browser ausgeführt wird oder gibt es eine andere Möglichkeit?

Zum Beispiel gibt es Funktionen, die die Baumverfahrt umkehren, die mit einer while Bedingung durchgeführt werden. Wenn es nicht erfüllt wird, läuft es offensichtlich unendlich ohne den Benutzer zu kennen. Andere Probleme sind u. U. nicht abgeschlossene Intervalle.

Answer 1

Chrome verfügt im Webinspektor über eine Registerkarte "Zeitleiste", in der aufgezeichnet werden kann, welche JavaScript-Ereignisse ausgelöst werden.

Drücken Sie F12, um es zu öffnen, gehen Sie dann zur Registerkarte "Timeline" und beginnen Sie mit der Aufnahme. Sobald Sie die Aufzeichnung stoppen, können Sie genau prüfen, welche Ereignisse wann ausgelöst werden.

Dies kann Ihnen helfen, Dinge wie eine Endlosschleife im Code zu erkennen.

Siehe auch: the documentation for this tool.

Answer 2

Ich glaube, dass Sie die Zeitleiste im Chrom Inspector verwenden können, um zu sehen, welche Funktionen zu welcher Zeit und für wie lange ausgeführt werden. Ich fand es am einfachsten, meine Funktionen immer so zu benennen, dass ich sie in der Funktionsleistung überprüfen kann.

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