Javascript 如何使用Firefox/Firebug或其他浏览器查看jquery data（）

我通常使用firebug对JavaScript进行故障排除

除了像下面那样插入脚本外，是否有一种简单的方法可以使用Firefox/Firebug查看与元素关联的jQuery data（）？如有必要，我愿意使用其他工具，如Chrome

<div id='foo' data-bar='hello'></div>
...
$('#foo').data('bar','goodby');
...
console.log($('#foo').data('bar'));

...
$（'foo'）。数据（'bar'，'goodby'）；
...
console.log（$（'foo'）.data（'bar'）；

您可以在大多数调试控制台中输入JavaScript；如果您键入代码并按enter键，您将在下面看到它的输出，如下所示：

---

上面的例子来自Chrome。

我使用的方法是Chrome。F12，Sources，在函数中放置断点，将光标悬停在变量上，查看其传递/返回的内容

---

谢谢edcs。是的，我明白这对Chrome的作用了。立即知道它是否适用于FireFox或FireBug？无需担心。我现在看到了。它位于FireBug的底部，不像窗口中的Chrome。以前从未使用过此功能，但我会调查。我在主HTML页面中看到JavaScript，但没有看到任何外部页面。