Want to get a Javascript stacktrace/callstack when unhandled exception occurs

Question

Sometimes I get an error or an unhandled exception in a line in the jQuery UI js file. I know the problem was an empty or null object or property was passed to jQuery. For example in Chrome I get a 'Uncaught TypeError" error.

Doing some manual work I can find the culprit and I can do better error handling. This could take some time.

However I am looking for a fast automatic way to find the culprit by looking at the stacktrace when the exception occurred. Is there a modern browser which has this feature built in?

Or some JavaScript error handler which works across all the loaded js files in a global level?

I looked at this article but it seems I have to sprinkle printStackTrace() in all the targetted functions. I don't like this idea much if my code has many functions.

hvgotcodes · Accepted Answer · 2011-02-23 21:23:51Z

1

in webkit (what chrome or safari uses) debug tools, click the Scripts section on the top. then look for hexagon like icon on the bottom with the two vertical lines. clicking that will cause javascript execution to pause on an error. At the right you will see the callstack, where you can trace through everything.

answered Feb 23, 2011 at 21:23

hvgotcodes

121k33 gold badges209 silver badges237 bronze badges

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

2 Comments

Tony_Henrich Over a year ago

I am appreciating Chrome Developer Tools more and more over FF's Firebug.

Leif Neland Over a year ago

It seems to have disappeared in recent versions.

Collectives™ on Stack Overflow

Want to get a Javascript stacktrace/callstack when unhandled exception occurs

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related