有没有办法在开发人员工具中查看jQuery DOM.data（）？

Question

假设我有一个jQuery对象，我将js对象作为数据附加到其中，如下所示：

var myObj = {
    fname: 'Tom',
    lname: 'Sawyer',
    age:   12
};
$('#myelement').data('myObj',myObj);

是否有方便的方法可以在Chrome或Firefox提供的调试工具中查看myObj？我可以做的一种方法是在javascript中将其写入控制台：

console.debug({myObj:$('#myelement').data('myObj')})

但也许这些已经很丰富的工具中已经存在一种机制，让我可以看到这些数据，而无需插入额外的代码？

它以某种方式与DOM元素相关联，但它究竟存储在哪里？我已经在Chrome中使用该工具，包括查看“资源”选项卡，其中包含“本地存储”等。

Answer 1

这些对象存储在jQuery.cache对象中。

您可以做的是通过选择DOM元素找到缓存条目ID，然后在属性选项卡中浏览属性＆＃39; jQuery {some-random-id}＆＃39;。

然后你可以使用该id的值来查询有问题的jQuery.cache。输入控制台：

jQuery.cache[id]

图片以截图显示。