如何在 Firebug 中调试事件监听器？答案

【问题标题】：How to debug an event listener in Firebug?如何在 Firebug 中调试事件监听器？
【发布时间】：2014-07-28 05:09:44
【问题描述】：

我想在 Firebug 中的 debugger 关键字之后逐步执行每个代码。在以下示例中，JSFiddle 执行会在单击表单时停止，因为 onclick 属性中的 debugger 关键字。随后，我在 Firebug 中单击 Step Into，但没有显示 jQuery 代码，它什么也没有显示...如何让 Firebug 在 jQuery 代码处停止？

<form method="get" onclick="debugger">
    <input type="text" name="q" value="">
    <input type="submit" value="Search Google">
</form>

jQuery 代码：

$('form').submit(function() {
    document.title = "How to shown this line in debugger?";
    return confirm('Are you sure you want to search Google?');
});

【问题讨论】：

是的，我也点击了 Step Into，它只显示“debugger”这个词而不是显示 document.title = "How to show this line in debugger?";
因为你有debugger，如果你想调试回调函数，把debugger放在里面
@PatrickEvans 对这个问题感到抱歉.. 在上面的例子中我可以添加 debugger，但我可以在其他网站上这样做:(
只需使用 Chrome :-) 它内置了 pause-on-next-event
请注意，当您将 debugger 关键字放在 click 事件处理程序中时，您将能够调试该事件处理程序。但是，您要调试的是完全不相关的 submit 事件处理程序。

标签： javascript firebug

【解决方案1】：

对于 Firebug

转到Script panel
单击脚本的下拉菜单并选择您需要的脚本
在要开始调试的行上添加断点

对于 Chrome

转到控制台
然后转到“源”选项卡
点击“显示导航器”按钮
选择脚本
单击要从中调试的行号

【讨论】：