CODEWITHSUNDEEP
javascriptfirefoxdebuggingfirebug
Wasim Shaikh
Wasim Shaikh

Reputation: 7030

How to debug Javascript error?

How to Debug java Script Error Using Firebug?

Duplicate

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

Upvotes: 5

Views: 13484

Answers (6)

rosebrit3
rosebrit3

Reputation: 523

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

Upvotes: 0

Ali
Ali

Reputation: 7483

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.

Upvotes: 1

Ahmy
Ahmy

Reputation: 5480

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

Upvotes: 2

pomarc
pomarc

Reputation: 2224

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.

Upvotes: 0

Kirtan
Kirtan

Reputation: 21695

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

Upvotes: 23

Sadegh
Sadegh

Reputation: 6854

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

Upvotes: -1

Related Questions