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

我一直在为这件事而绞尽脑汁，无法想象出我的生活。如何使用Firefox调试器来调试jQuery事件？

这是一个测试页面我为这次讨论的缘故：

http://jsbin.com/garokalocu

假设这个页面是非常复杂的，我没有建立它，我想看到的代码当用户点击“做它”时运行。所以我打开调试器，打开侧窗并点击“事件”。我勾选了点击事件#execute这是按钮。

enter image description here

现在我按一下按钮，代码到达断点。但奇怪的是，名为“鲍勃”已被填补，所以显然这立马纠正过去的实际代码，这里的土地我：

enter image description here

我不明白是怎么回事。所以我尝试了一些其他的东西，Firefox中的一个新功能，我认为它可能非常方便。如果我检查代码，某些DOM元素上几乎没有“ev”标签。据说你可以点击这些并查看代码。

enter image description here

嗯，这是徒劳的。我会永远感激，如果有人可以请告诉我如何调试jQuery事件，并看到实际代码被执行。谢谢！

来源

2014-11-04 CaptSaltyJack

我不认为这是一个骗局，实际上在Firefox中有一个特定的功能来处理jQuery事件处理程序，[请参阅此处]（http://flailingmonkey.com/view-jquery-and-jquery-live -events-in-firefox-devtools /）和[here]（https://hacks.mozilla.org/2014/09/webide-storage-inspector-jquery-events-iframe-switcher-more-firefox-developer-tools -episode-34 /）。请注意，此功能仅适用于Firefox 34，现在位于[Beta]（https://www.mozilla.org/zh-CN/firefox/channel/#beta）。 – canuckistani 2014-11-04 03:44:42

@canuckistani谢谢。不，当然没有人不想做任何思考或挖掘。只需自动投票即可关闭该问题。 – CaptSaltyJack 2014-11-04 04:21:49

为什么这会降低投票率？ – studro 2014-11-26 00:28:22

您将jQuery看作处理程序，因为您使用jQuery来创建这些侦听程序。 jQuery代码在触发事件时被调用。如果您使用普通的JS addEventListener，它们将在事件中显示，而不必一步一步地完成。

根据article here该功能即将出现在Firefox 34中，因此如果您使用Firefox测试版，它应该具有您想要的行为。

来源

2014-11-04 04:53:46 NoBugs

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

回答

相关问题