Javascript 如何在chrome开发者工具中查看数据属性值？

我希望在开发人员工具中探索DOM时看到这些值。如果可能的话，还可以查看绑定到元素javascript的内容。是否可以使用一些插件或如何执行此操作？

可以在元素上看到数据属性：

如果您使用的是jQuerys

.data（）

，它不会更改元素的数据属性，因此必须调用

.data（）

，才能让它看到它。我不知道有任何插件允许您在DOM浏览器中查看它

---

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

如果您仅限于使用Chrome developer工具，那么很抱歉

然而，对于其他可以使用Firefox的人来说，了解Firebug有一个很好的扩展可能会很有用，它可以完全按照你的要求去做，还可以做其他很好的事情

---

omg，当我看不到开发工具中更新的数据属性时，这让我疯狂了好几个小时。感谢您提供的信息。要查看.data（）设置，请在“元素”窗口中选择元素。然后，该元素由$0标识。在控制台中键入

$（$0）.data（）