CODEWITHSUNDEEP
debugginggoogle-chromeconsoleinspector
user1807375
user1807375

Reputation: 61

Chrome console debug is broken?

With the update of Chrome to version 2.3 I have the following problem. When ik debug something like

console.log($('canvas'))

I normally got some code back in the console (in this case html) which I could hover on, so the object was highlighted in the HTML. Now I got this:

[<canvas>, <canvas>, <canvas>, prevObject: jQuery.fn.jQuery.init[1], context: #document, selector: "canvas"]

Is there a setting where it can be changed back, so I get the normal html with hover in the HTML page?

Upvotes: 4

Views: 970

Answers (1)

Dan K.K.
Dan K.K.

Reputation: 6094

JQuery is an extension of Array, or speaking on javascript's language -- JQuery's prototype is Array. So when you $('canvas')'ing it takes a collection of document elements. The solution is to debug elements itself, using code like:

console.debug($('canvas')[0]); // or other index if there is more than one elements is collected

Upvotes: 1

Related Questions