javascript related debugging tools or libraries?

Question

When you debug javascript related issues, any tools or libraries you can use to debug more easily to find the root cause? Any tool on Windows/Linux/Mac and for IE/Firefox are ok. I am just collecting a list of good tools so that I can use them to trouble shoot when I meet with any issues. :-)

thanks in advance, George

score 3 · Accepted Answer · answered Mar 12 '11 at 10:52

3

Personally I like and use FireBug.

answered Mar 12 '11 at 10:52

Darin Dimitrov

1,023,142
271
3,287
2,928

1

I would add: F12 pops up a similar tool on IE>7, and WebKit browsers have an "Inspect Element" entry in the contextual menu for the debug tool. – Guillaume86 Mar 12 '11 at 11:27
1

@Guillaume86, sure, it's just that those other tools are compared to FireBug, well ..., how can I put it most gently, ... – Darin Dimitrov Mar 12 '11 at 11:28
yeah I completely agree ;) but *sometimes* you only have the bug in a specific browser (IE hm hm) so it can be usefull – Guillaume86 Mar 12 '11 at 11:31
1

@Guillaume86, yeah, problem is that when there is an issue those other tools are not that helpful. For example the other day a colleague of mine (who is using IE for web development) was having an issue that I suspected was coming from a missing cookie. So I asked him, let's see what cookies are being sent to identify the problem. Obviously impossible to say. We needed to switch to more advanced tools like FireBug in order to solve the problem. And, yes, it was a missing cookie issue :-) – Darin Dimitrov Mar 12 '11 at 11:37
sure, Firebug Lite can help also – Guillaume86 Mar 12 '11 at 11:39

score 1 · Answer 2 · answered Apr 10 '12 at 11:10

I use firebug most of the time with the following firebug plugins.

Firebug
FireRainbow, FireRainbow enables javascript syntax highlighting for Firebug. This is really cool. Saves a lot of time.
FirePHP,FirePHP enables you to log to your Firebug Console using a simple PHP method call.
Widerbug, can leverage wide screens for js debugging/development. Obsolete now as it is supported in Firebug 1.9 right out of the box.

score 1 · Answer 3 · edited May 23 '17 at 12:19

1

What is a good Javascript debugging tool? here on SO

edited May 23 '17 at 12:19

Community

1
1

answered Mar 12 '11 at 10:54

rdamborsky

1,920
1
16
21

score 1 · Answer 4 · answered Mar 12 '11 at 12:06

Firebug (For Firefox and general JS debugging)
Developer Tools in IE8+ (comes built-in)
Web Inspector in WebKit like Chrome/Safari (comes built-in).

Other than that, you should be using Fiddler to keep track of performance/requests etc.

And finally JSFiddle.net for stand-alone testing.

javascript related debugging tools or libraries?

4 Answers4