asked on

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?

Ivo Stoykov

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

Kiran Paul VJ

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

websss

ASKER

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

ASKER CERTIFIED SOLUTION

Kiran Paul VJ

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

websss

ASKER

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.?

Sar1973

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.

Kiran Paul VJ

Hi websss,

You cannot show result from selected files. But you can sort the results with filename, function name in Firebug profile.