如何使用Firefox调试器调试jQuery事件？

Question

我一直在为此绞尽脑汁，无法为我的生命解决这个问题。

这是我为进行讨论而构建的测试页：

http://jsbin.com/garokalocu

假设此页面非常复杂并且我没有构建它，而我正在尝试查看当用户单击“执行”时运行的代码。 因此，我打开调试器，打开侧窗格，然后单击“事件”。 我选中了#execute按钮的click事件。

现在，我单击按钮，代码到达断点。 但是奇怪的是，“ Bob”这个名字已经被填写了，所以很明显它飞过了实际的代码，并把我放在了这里：

我不明白这里发生了什么。 因此，我尝试了其他方法，这是我认为可能很方便的Firefox中的新功能。 如果我检查代码，则某些DOM元素上几乎没有“ ev”标签。 您应该可以单击它们并查看代码。

好吧，那是徒劳的。 我会永远感激，如果有人能告诉我如何在地球上调试jQuery的事件，并看到被执行的实际代码。 谢谢！

Answer 1

您将jQuery视为处理程序，因为您使用jQuery制作了这些侦听器。 触发事件时将调用jQuery代码。 如果您使用普通的JS addEventListener，则它们将显示在事件中，而无需单步执行。

根据此处的文章，该功能将在Firefox 34中提供，因此，如果您使用Firefox Beta，则应具有所需的行为。