如何调试通过 AJAX 调用添加到 DOM 中的 JS 代码？

【问题标题】：How can I debug JS code added into DOM by an AJAX call?如何调试通过 AJAX 调用添加到 DOM 中的 JS 代码？
【发布时间】：2011-10-03 06:02:38
【问题描述】：

我有一个网页，它使用 AJAX 调用加载格式正确的 html 表单。此 HTML 还加载了 JavaScript 代码，但它无法正常工作。当我使用 jQuery 时，我尝试添加 live() 但它对我没有帮助。现在我需要调试它。如何使用 firebug 设置断点或监视此代码？我正在使用 jQuery1.3 并且不能偏离它。 TIA

【问题讨论】：

参考 [this]("thecodecentral.com/2007/08/01/… 了解更多详情。
是否抛出任何JS错误？是否已检索到这些脚本（检查 HTTP 请求列表）？

标签： javascript jquery debugging firebug

【解决方案1】：

阅读您的问题后，我不确定您是否有权访问并可以修改动态加载的脚本，但如果您这样做，请添加以下语句：

debugger;

您想要断点的位置。

还要注意，虽然 Firebug 完全能够显示动态加载的脚本，但我认为它默认隐藏了它们。

此外，如果您可以选择使用 Chrome 或 Safari，您可以从要中断的位置抛出异常，然后设置 Chrome 或 Safari 调试器选项以中断任何异常。例如：

try {
    throw new Error("");
}
catch () {}

【讨论】：