使用 jquery 数据查看器扩展 google chrome 元素检查器

Question

我使用 firebug 进行 javascript 调试。但在大型项目中，他开始结结巴巴。在这方面，google chrome dev tools 看起来更好——更快。

Firebuge 有fireQuery 来查看存储在html 元素中的所有数据（通过使用$.data()）。

如何在 chrome element inspector 中看到相同的信息？

我知道控制台中的解决方案：“$('selector').data()”。但这并不方便。 我想查看所有带有存储数据的 html 元素（例如在“fireQuery”中）。 是否可以为此功能编写插件或有一些标准解决方案？

Answer 1

我找到了解决方案（几乎是我需要的）：Chrome Query (source)

Answer 2

也请查看jQuery Debugger。添加相同的行为以及绑定事件的概述。