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

我一直在嘲笑我的大脑,无法弄清楚我的生活。

这是我为了讨论而构建的测试页面:

让我们假设这个页面非常复杂,我没有构建它,我正在尝试查看用户点击“Do It”时运行的代码。 所以我打开调试器,打开侧窗格并单击“事件”。 我勾选了#execute的click事件,这是一个按钮。

在此处输入图像描述

现在我单击按钮,代码命中断点。 但奇怪的是,“Bob”这个名字已经被填写了,所以很明显它飞过了实际的代码,然后把我放在这里:

在此处输入图像描述

我不明白这里发生了什么。 所以我尝试了其他的东西,Firefox中的一个新function,我认为可能很方便。 如果我检查代码,某些DOM元素上几乎没有“ev”标记。 据说你可以点击那些并查看代码。

在此处输入图像描述

嗯,那没结果。 如果有人能告诉我如何调试jQuery事件,并看到实际执行的代码,我将永远感激不尽。 谢谢!

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

根据这篇文章,这个function将在Firefox 34中出现,所以如果你使用Firefox beta,它应该具有你想要的行为。