问题:

Possible Duplicate:
How do I console.log a jQuery DOM Element in Chrome?

In the latest stable Chrome 23.0.1271.101, and Chrome Canary 26.0.1373.0, running the following code from a script:

$(function(){
    console.log( $('body') )
})

Now returns:

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

Hovering over this log out does nothing, it is not inspectable.

The interactive console still works, eg, typing:

console.log( $('body') )

Will correctly respond with:

[<body>...</body>]

When the mouse is hovered over the log output it can be inspected, as previous versions of Chrome used to do for scripts.

Is there a way to make Chrome log inspectable elements per previous versions of Chrome, and as the interactive consol still does?
Is there a newer or older version of Chrome which does not have this bug?

回答1:

To achieve what Chrome previously used to do, append [0] to the function.

As pointed out by JanDvorak, this may not work in all cases, and provide only the first element, but works in some cases.

$(function(){
    console.log($('body')[0]);
});

Update

From here, there is a jQuery plugin jquery.chromelog made by pimvdb, which seems the way to go.

As a workaround, the inspector in Safari 6.0.2 (7536.26.17) still logs inspectable JQuery objects.