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

Question

我想在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?');
});

Answer 1

对于Firebug

1. 转到Script panel

   

2. 单击脚本的下拉列表并选择所需的脚本

   

3. 在要从

   开始调试的行上添加断点

   

适用于Chrome

1. 转到控制台

2. 然后到Sources选项卡

   

3. 点击“显示导航器”按钮

   

4. 选择脚本

5. 点击您要调试的行号