如何使用Firefox/Firebug或其他浏览器查看jQuery data()数据

Question

我通常使用Firebug来排除JavaScript问题。

除了像下面所做的插入脚本之外，是否有一种简单的方法可以使用Firefox/Firebug查看与元素相关联的jQuery data()？如果必要，我也可以尝试其他工具，如Chrome。

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

- user1032531

Answer 1

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

上述例子来自Chrome浏览器。

- edcs

---

谢谢edcs。是的，我知道这对Chrome有效。不知道它是否适用于FireFox或FireBug？ - user1032531

没事了，我现在看到了。FireBug 的调试窗口在底部，而不像 Chrome 在窗口内。 - user1032531

Answer 2

我使用的方法是在Chrome浏览器中。按F12键，选择Sources，将断点放在您的函数中，在变量上悬停鼠标以查看它传递/返回了什么。

http://www.codeproject.com/KB/trace/BeginChromeDebug/view_watch.png

- user3570283

---

以前从未使用过这个功能，但我会进行调查。我在主HTML页面中看到JavaScript代码，但没有看到任何外部页面。 - user1032531