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

您可以使用Firebug，并且在chrome中进行调试时，您可以使用firebug lite

Answer 5

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 6

为什么Firebug，尝试Visual studio，它具有丰富的调试功能;）