javascript - 如何在 chrome 开发人员工具中实时查看数据属性值？

Question

我想在开发人员工具中探索 DOM 时查看这些值。如果可能的话，还可以查看绑定到元素 javascript 的内容。这是否可以使用一些插件或者我将如何去做？

Answer 1

元素上可以看到数据属性：http: //cl.ly/0w3V2H311E21241J2j45

如果您使用的是 jQuerys .data()，它不会更改元素的数据属性，因此您必须调用.data()它才能看到它。我不知道有任何插件允许您在 DOM 资源管理器中查看它。

通过单击元素可以在右侧找到事件侦听器。向下滚动到 CSS 规则的底部，您将看到一个名为“事件侦听器”的部分： http: //cl.ly/2f3c3z312c3D2w43321s

Answer 2

抱歉，您只能使用 Chrome 开发者工具。

然而，对于其他可以使用 Firefox 的人来说，知道 Firebug 有一个很棒的扩展可能会很有用：FireQuery，它完全按照您的要求做，还有其他好东西。