Extend google chrome element inspector with jquery data viewer

Question

I use firebug for javascript debug. But on large projects, he begins to stutter. In this regard, google chrome dev tools looks better - it's faster.

Firebuge have fireQuery to view all data which is stored in html element (by using $.data()).

How to see the same information in chrome element inspector?

I know solutions in console: "$('selector').data()". But it is not convenient. I want to see all html elements with stored data (like in "fireQuery"). s it possible to write a plugin for this functionality or is there some standard solutions?

Answer 1

I found solution (almost what i need): Chrome Query (source)

Answer 2

Check out jQuery Debugger, too. Adds the same behavior as well as an overview of bound events.