我需要调试一个web应用程序，使用jQuery做一些相当复杂和混乱的DOM操作。在某一时刻，一些绑定到特定元素的事件没有触发，只是停止工作。
如果我有编辑应用程序源代码的能力，我将深入并添加一堆Firebug console.log()语句和注释/取消注释代码段，以试图查明问题。但是让我们假设我不能编辑应用程序代码，并且需要使用Firebug或类似的工具完全在Firefox中工作。
Firebug非常擅长让我导航和操作DOM。不过，到目前为止，我还没有弄清楚如何使用Firebug进行事件调试。具体来说，我只想看到在给定时间绑定到特定元素的事件处理程序列表(使用Firebug JavaScript断点跟踪更改)。但是，要么Firebug没有看到绑定事件的能力，要么我太笨了，找不到它。: -)
有什么建议或想法吗?理想情况下，我只希望查看和编辑绑定到元素的事件，类似于我现在编辑DOM的方式。
当前回答
我还在chrome商店里找到了jQuery调试器。您可以单击一个dom项，它将显示所有绑定到该dom项的事件以及回调函数。我正在调试一个事件没有被正确删除的应用程序，这帮助我在几分钟内追踪到它。显然这是针对chrome，而不是firefox。
其他回答
在2.0版本中，Firebug引入了一个事件面板，它列出了HTML面板中当前选择的元素的所有事件。
它还可以显示包装成jQuery事件绑定的事件侦听器，如果选中了Show wrapped listeners选项，您可以通过事件面板的选项菜单获得该选项。
使用该面板，调试事件处理程序的工作流如下所示:
选择带有要调试的事件侦听器的元素 在Events侧面板中，右键单击相关事件下的函数，并选择Set Breakpoint 触发事件
脚本执行将在事件处理程序函数的第一行停止，您可以逐步调试它。
在最新的Chrome (v29)中使用DevTools，我发现这两个技巧对调试事件非常有帮助:
列出最后选择的DOM元素的jQuery事件 检查页面上的元素 在控制台中输入以下内容: 美元。_data($0， "events") //假设jQuery 1.7+ 它将列出所有与之相关的jQuery事件对象，展开感兴趣的事件，右键单击“handler”属性的函数，并选择“Show function definition”。它将打开包含指定函数的文件。 使用monitorEvents()命令
WebKit开发控制台(可以在Chrome、Safari等中找到)允许您查看元素的附加事件。
有关堆栈溢出问题的更多详细信息
Firebug 2现在集成了DOM事件调试/检查。
正如同事建议的，console.log > alert:
var clickEvents = $('#foo').data("events").click;
jQuery.each(clickEvents, function(key, value) {
console.log(value);
})
