Komplexes JavaScript. Was hat mich aufgerufen?

Question

Das Projekt, an dem ich arbeite, verwendet jQuery.

Es werden eine Reihe von Ajax-Aufrufen gemacht, die andere HTML-Fragmente mit der load() Methode laden, die wiederum andere Fragmente laden. Das Ganze ist verwirrend. Ich habe den Code nicht geschrieben.

Gibt es ein Tool, mit dem ich den Callstack durchlaufen kann, um herauszufinden, welcher Methode aufgerufen wird? Gibt es irgendwelche Browser-Tools, die mir dabei helfen könnten, das herauszufinden?

Lösung:
Letztendlich lag das daran, dass ein <pre><code>$.ajaxSetup({ async: false }); </code></pre></x-turndown>

Answer 1

Firebug ist dazu in der Lage.

Wenn der Debugger angehalten ist, zeigt Firebug Ihnen den Aufrufstapel, der die verschachtelten Funktionsaufrufe darstellt, die derzeit ausgeführt werden und darauf warten, zurückzukehren.

Der Aufrufstapel wird als kompakte Leiste von Schaltflächen in der Symbolleiste dargestellt, jede mit dem Namen einer Funktion im Stapel. Sie können auf eine beliebige Schaltfläche klicken, um zur Zeile zu springen, an der diese Funktion angehalten ist, und die lokalen Variablen innerhalb dieser Funktion ansehen.

Answer 2

Chrome hat auch einen ziemlich fiesen Debugger eingebaut unter Entwickler-Tools, keine Add-Ons/Erweiterungen erforderlich.

Answer 3

+1 für Firebug. Sie können den Debugger anhalten, um den Aufrufstapel durchzugehen http://getfirebug.com/javascript

Answer 4

Sie könnten auch versuchen, Opera's Dragonfly auszuprobieren (verfügbar in jeder aktuellen Opera-Version). Ich finde es weniger raffiniert als Firebug, aber einige Fehler sind unter ihm viel expliziter.