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

Question

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

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

因此，当我检查一个元素时，它会在 Chrome 本身中显示数据。

如果不是，是否可以编写一个插件来“扩展”到 Chromeelement inspector以显示数据？

score 39 · Accepted Answer

打开检查器，然后进入控制台，输入

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

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

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

score 20 · Accepted Answer

铬查询

可以在Chrome Extensions Webstore中找到，并在开发人员工具的属性面板中添加另一个选项卡。

score 6 · Accepted Answer

在 chrome 控制台中输入：

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

它将列出该data元素中的

score 4 · Accepted Answer

4

于 2011-09-12T07:10:25.413 回答

score 2 · Accepted Answer

出于这个原因，我不使用该$(selector).data()模式，而是使用更自然的 HTML$(selector).attr('data-name','value')将值添加到实际的 HTML。

$(selector).attr('data-name','value')不适用于 IE8+ 浏览器。.data()是首选。此外，用户定义的 var，例如 say:data-name不是 HTML 中的属性。