javascript - 如何在 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. 然后转到源选项卡

   

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

   

4. 选择脚本

5. 单击要调试的行号