Complex JavaScript. What called me?

Question

Project I'm working on uses jQuery.

I have a series of Ajax calls being made that load() other HTML fragments which in turn load() other fragments. The whole thing is confusing. I didn't write the code.

Is there any tool which will allow me to walk the callstack so I can figure what is calling a method? any browser tools that would help me figure this out?

Resolution:
In the end this was being caused because a <script src="..." was being injected in the server-side code. Your suggestions really helped - it was a combination of those and temporarily setting Ajax to sync instead async that helped me track down the issue.

$.ajaxSetup({
    async: false
});

Answer 1

Firebug is capable of this.

When the debugger is paused, Firebug shows you the call stack, which is the set of nested function calls that are currently running and waiting to return.

The call stack is represented as a compact strip of buttons in the toolbar, each with the name of a function on the stack. You can click any button to jump to the line where that function is paused, and look at the local variables inside that function.

Answer 2

Chrome also has a pretty wicked debugger built-in under Developer Tools, no add-ons/extensions needed.

Answer 3

+1 for firebug. you can pause the debugger to walk the call stack http://getfirebug.com/javascript

Answer 4

You might also want to try Opera's Dragonfly (available in any recent Opera build). I find it less refined than Firebug, but some errors are much more explicit under it.