How can i debug jquery object [duplicate]

Question

Possible Duplicate:
Debug Javascript

Every now and then i have one jquery object and i am not able to find whats inside it. I had to try many combinations like see the class name , id and other attributes to see what is that variable and sometime by hiding it.

Is there any proper way of debugging the jquery object to see whats inside it?

do you have firebug add-on in your mozilla browser?

polin
– polin

2012-10-16 08:20:54 +00:00
Commented Oct 16, 2012 at 8:20 — polin
– polin, Commented Oct 16, 2012 at 8:20

The Dark Knight · Accepted Answer · 2012-10-16 08:19:25Z

1

Firebug, Internet Explorer Developer Toolbar, Chrome Developer Tools. These are some of the tools for some of the respective browsers.

Some IDES like eclipse let you debug inline.

Also there is a javascript statement : debugger;, which you can use for this purpose .

answered Oct 16, 2012 at 8:19

The Dark Knight

5,59913 gold badges59 silver badges105 bronze badges

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

2 Comments

The Dark Knight Over a year ago

If you are using firebug you can use lot of tracers : console.log(object); console.debug(object); console.info(object); console.trace(object); You name it, everything's there .

Mirage Over a year ago

thanks buddy , i use firebug but i didn't knew i could use the above functions

Alberto De Caro · Accepted Answer · 2012-10-16 08:20:42Z

0

Using firebug or the chrome developer tools you can debug any javascript object. You need to add a breakpoint just after the object initialization and then add the object to the watch panel.

Object members are displayed in a tree view.

answered Oct 16, 2012 at 8:20

Alberto De Caro

5,2139 gold badges50 silver badges77 bronze badges

Collectives™ on Stack Overflow

How can i debug jquery object [duplicate]

2 Answers 2

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Linked

Related