如何使用 Firefox/Firebug 或其他浏览器查看 jquery data()答案

【问题标题】：How to view jquery data() using Firefox/Firebug or other browser如何使用 Firefox/Firebug 或其他浏览器查看 jquery data()
【发布时间】：2014-05-01 12:47:52
【问题描述】：

我通常使用 firebug 来排查 JavaScript。

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

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

【问题讨论】：

标签： javascript jquery google-chrome firefox firebug

【解决方案1】：

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

以上示例来自 Chrome。

【讨论】：

感谢edcs。是的，我知道这对 Chrome 是如何工作的。立即知道它是否适用于 FireFox 或 FireBug？
没关系。我现在看到了。与窗口中的 Chrome 不同，它位于 FireBug 的底部。

【解决方案2】：

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

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

【讨论】：

以前从未使用过此功能，但我会调查。我在主 HTML 页面中看到了 JavaScript，但没有看到任何外部页面。