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

Question

我通常使用firebug来解决JavaScript问题。

除了像我下面那样插入脚本之外，有没有一种简单的方法可以使用Firefox / Firebug查看与元素相关的jQuery数据（）？如有必要，我愿意接触其他工具，例如Chrome。

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

Answer 1

您可以在大多数调试控制台中输入JavaScript;如果你输入你的代码然后按回车键，你会在下方看到它的输出，如下所示：

以上示例来自Chrome。

Answer 2

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

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