Firebug 调试 JavaScript答案

【问题标题】：Firebug debugging JavaScriptFirebug 调试 JavaScript
【发布时间】：2009-11-25 23:03:29
【问题描述】：

有没有办法可以将调试器附加到事件？

我的 DOM 中有一个复选框输入元素，当单击它时，我希望调试器中断，以便我可以逐步了解正在发生的事情。我已经添加了onclick="debugger; ..."，但 Firebug 并没有中断。

【问题讨论】：

我建议看看 Eventbug (getfirebug.com/wiki/index.php/Firebug_Extensions#Eventbug)。我不知道您是否可以使用 Eventbug 执行您的请求，但确实有很多选项可以查看事件处理程序、在控制台中记录事件...

【解决方案1】：

为复选框创建一个 onclick 处理程序，并向该处理程序添加一个断点。例如（jQuery）：

$('input#mycheckbox').click(function() {
    console.log("click checkbox");
});

在 firebug 中，您可以在 console.log 行中添加断点。

【讨论】：

【解决方案2】：

在 firebug 中找到 javascript 行并设置断点。您根本不需要修改 Javascript。

查看此页面，特别是“在任何行上暂停执行”部分，看看它的外观。

【讨论】：