如何在chrome开发人员工具中查看数据属性值?

use*_*677 19 javascript jquery

我想在开发人员工具中探索DOM时看到这些值.并且如果可能的话,看看绑定到元素javascript明智的是什么.这可能是使用一些插件或我将如何做到这一点?

cal*_*rae 14

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

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

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

  • omg,当我看不到dev工具中更新的数据属性时,这让我疯了几个小时.谢谢(你的)信息. (2认同)
  • 若要查看.data()设置,请在“元素”窗口中选择元素。然后,该元素由** $ 0 **标识。在控制台中输入$($ 0).data() (2认同)

olu*_*man 9

很抱歉,如果您仅限使用Chrome开发者工具.

但是对于其他可以使用Firefox的人来说,知道Firebug有一个很好的扩展可能很有用:FireQuery,它完全按照你的要求加上其他好东西.

firequery截图