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

发布于 2024-12-03 22:03:00 字数 422 浏览 1 评论 0原文

我使用 firebug 进行 javascript 调试。但在大型项目上,他开始结巴。在这方面,谷歌浏览器开发工具看起来更好 - 它更快。

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

如何在chrome元素检查器中看到相同的信息?

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

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?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

等待我真够勒 2024-12-10 22:03:00

另请查看 jQuery 调试器。添加相同的行为以及绑定事件的概述。

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

左耳近心 2024-12-10 22:03:00

我找到了解决方案(几乎是我需要的):Chrome 查询 (来源)

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文