javascript web developer tools for detecting what javascript is being run

I have a large web app which i have inherited and its full of javascript

I'm trying to re-write it to make it more efficient but its a slow process
Is there a developer tool to show you which javascript functions/code are being called

the current example is when I resize the window, I think its running javascript but i cannot tell (its really slow)

but there are other examples i'll need, so I could really do with a tool that shows you exactly what file/line and function name is running as you do stuff (like resize the window)

any thing out there?
websssAsked:
Who is Participating?
 
Kiran Paul VJConnect With a Mentor Computer EngineerCommented:
You need to add a break point or use profiler. I suggest using break points in your javascript file. Execution will stop at the break point.
0
 
Ivo StoykovCommented:
Each current browser has some sort of Development tools usually attached to F12.
The easiest way is to start debugging on windows load and to see what's happening.

HTH

Ivo Stoykov
0
 
Kiran Paul VJComputer EngineerCommented:
Try Firebug in Firefox or try Chrome developer tools if you are using Chrome. Don't think about IE.

In your case the best bet would be Firebug debugger and profiler. Check here for more details http://getfirebug.com/javascript

Hope this helps,
Kiranvj
0
Introducing Cloud Class® training courses

Tech changes fast. You can learn faster. That’s why we’re bringing professional training courses to Experts Exchange. With a subscription, you can access all the Cloud Class® courses to expand your education, prep for certifications, and get top-notch instructions.

 
websssAuthor Commented:
Thanks,  
Have tried ie and chrome Dev toolbars but can't seem to find out where it shows you a live list of what is being called
0
 
websssAuthor Commented:
Thanks
I know about break points
But that only works for. The code you want to debug

I doesn't work for finding code that's runnung

I tried profiler but had nearly a 100 lines when I resized browser

Is there a way to only show results from. Selected files.?
0
 
Sar1973Commented:
Take a look to: http://www.w3schools.com/jsref/prop_nav_appversion.asp
and also use navigator.javaEnabled() to check if Java is enabled or not.
0
 
Kiran Paul VJComputer EngineerCommented:
Hi  websss,

You cannot show result from selected files. But you can sort the results with filename, function name in Firebug profile.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.