是否可以在Chrome中查看jQuery添加的数据

Question

在创建网站时,我经常使用jQuery的.data()功能向元素添加数据.

是否可以查看Chrome中存储元素的所有数据？

因此,当我检查一个元素时,它会在Chrome中显示数据.

如果没有,是否可以编写一个插件来"扩展"到Chrome element inspector以显示数据？

Answer 1

打开检查器,然后进入控制台,键入

$('<some selector>').data()

然后点击return来评估data()方法并直接显示其返回值.

console.log除非您在非交互式代码中调用它,否则无需使用.

Answer 2

Chrome查询

可以在Chrome扩展程序Webstore中找到,并在开发人员工具的属性面板中添加另一个选项卡.

Answer 3

输入chrome控制台:

console.log($('selector').data());

它将列出该data元素