Firebug - 动态加载的调试脚本

【问题标题】：Firebug - Debugging script loaded dynamicallyFirebug - 动态加载的调试脚本
【发布时间】：2011-08-26 21:37:56
【问题描述】：

我使用 jQuery UI 选项卡加载包含 JavaScript 代码的页面。有什么方法可以使用 Firebug 来调试该代码？然后在firebug的'Scripts'选项卡中看不到，显示'all'，'static，eval and event'。

【问题讨论】：

html 选项卡怎么样。你也可以在那里调试
它没有出现在那里。我正在通过 AJAX 填充标签内容。 html 显示在“html”选项卡中，但相关的 Javascript 没有。 JavaScript 仍然运行。
这是否取决于您如何将脚本插入页面？例如，如果您从 ajax 和 eval 加载，它们应该出现在 eval 中。如果您创建一个脚本标签来运行它们，它们应该以 html 显示。你有任何示例页面吗？

【解决方案1】：

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

a = 1;
debugger;
a = 2;

Firebug 应该很高兴在插入 debugger 的行处中断。

像往常一样，关于SO有几个类似的问题：

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

【讨论】：