firebug - how can I detect what functions have been called or from where a function has been called

Question

I am trying to optimize a script and I'm using firebug profiler to see what functions use most time to start from there.

My problem is that the script uses jQuery and raphaeljs and their functions, events etc are listed as "anonymous". All of them.

As you can see in the image below everything I defined appears with name.

Here's a image of what I see (the image is readable just zoom a bit (ctrl + "+")).

enter image description here

Since I don't plan to modify jQuery or raphael I don't really care what's the name of the function called (tho it would be nice to know) but I'm really interested on where did that function has been called from (to see if I can reduce the number of calls or something). Any idea how to do that?

Thank you for your help.

Alberto De Caro · Accepted Answer · 2012-02-24 09:50:25Z

3

In Firebug, use the stack panel to identify who is calling and who has been called. During the debug process, use the unminified version of the scripts in order to breakpoint in the proper positions.

answered Feb 24, 2012 at 9:50

Alberto De Caro

5,2139 gold badges50 silver badges77 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

zozo Over a year ago

The script -> stack ? How do I do that... is always empty in my window.

zozo Over a year ago

I tried in chrome also... the stack trace is "undefined undefined undefined undefined etc.". Any suggestions? :(

zozo Over a year ago

Stack activates only on errors/pause... can I change this behavior somehow?

Alberto De Caro Over a year ago

I opened firebug in this same page. I added a breakpoint in the quant.js script. Then I reloaded the page. The script execution stopped at the breackpoint. In the right panel of Firebug I clicked the 'stack' tab to display the stacktrace.

Ved · Accepted Answer · 2012-02-24 09:45:53Z

2

To find which function called the current function use this :

alert(arguments.callee.caller.name);

This will alert the name of caller function. You can also use hierarchy like this :

arguments.callee.caller.caller.name

answered Feb 24, 2012 at 9:45

Ved

8,8177 gold badges38 silver badges69 bronze badges

2 Comments

zozo Over a year ago

+1 for general usefulness but the I know what function I call and need to know what it calls in different scenarios (depending on parameters the function calls a bunch of other functions and so are they, etc, etc... you get the point). So I need to do the oposite of what you said (that's why I was using profiler but that anonymus is a blocker).

Ved Over a year ago

Seems strange..!! only debugging can be useful in this case then. depending on params, try to dryrun the flow.

Collectives™ on Stack Overflow

firebug - how can I detect what functions have been called or from where a function has been called

2 Answers 2

4 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related