jquery - Firebug - 动态加载的调试脚本

Question

使用 jQuery UI 选项卡加载包含 JavaScript 代码的页面。有没有办法使用 Firebug 来调试该代码？在 firebug 的“脚本”选项卡中看不到显示“全部”、“静态、评估和事件”。

Answer 1

您可以使用关键字debugger。我相信它也适用于基于 WebKit 的浏览器的 Web Inspector。因此，例如，您可以执行以下操作:

a = 1;
debugger;
a = 2;

Firebug 应该很乐意在插入 debugger 的行处中断。

<小时/>

像往常一样，SO 上也有几个类似的问题:

• dynamically loaded js function does not appear in Firebug js debugger
• Making Firebug break inside dynamically loaded javascript

我有过使用旧版本 firebug/firefox 的经历，它不能很好地处理 debugger 关键字。它暂停了 JavaScript 的执行，但没有显示脚本的正确位，这有点无用。但我仍然可以使用控制台访问 DOM 对象和变量，以及盲目地单步执行它。