How to debug Javascript error?

Question

How to Debug java Script Error Using Firebug?

Duplicate

How can I set breakpoints in an external JS script in Firebug

Answer 1

Debug using FireBug.

Just check the line on which the error is occuring, then, just before that line, write a "debugger" call.

debugger; //Will invoke FireBug's debugger.
var err = abcs; //Line containing error

Answer 2

To debug an error in firebug :

• 1- select inspect tab from menu
• 2- Set break point in the line that causes error
• 3- Refrsh the page
• 4- use F10 to step by step debug and F5 to end debgging

It's like debgging of visual studio

Answer 3

Use the console.log(yourObject) function to output anything to the firebug console. It is just like running a var_dump and you can view all your objects and their contents. This is very helpful if you want to check on the contents of a particular variable or even a particular DOM object.

Instead of using cheap alerts - the console.log() function is cleaner and you can see all the outputs neatly in your console pane.

Note however you need to remove all references to the console.log function when you deploy your website as it would not run in IE.

Answer 4

you can put breakpoints in the code, and wait for the execution to hit them. Then you can walk in the code, and use watches to know the values of variables.

Answer 5

You can use Firebug, and for debugging in chrome, you can use firebug lite

Answer 6

Why Firebug , try Visual studio , it has a rich debugging features ;)