如何在 Firebug 的外部 JS 脚本中设置断点

Question

我可以轻松地在嵌入式 JS 函数中设置断点，但我没有看到任何通过 Firebug 访问外部 JS 脚本的方法，除非我碰巧在调试会话期间输入它们。有没有一种方法可以做到这一点，而不必“探索”我进入脚本的方式？

@杰森：这是一个很好的观点，但就我而言，我无法轻松访问该脚本。我特别讨论的是由我想要调试的 ASP.Net 验证器调用的客户端脚本。我可以在调试会话期间通过输入函数调用来访问它们，但我找不到直接访问它们的方法。

Answer 1

要从 Firebug 中查看和访问外部 JavaScript 文件 (*.js)：

1. 单击“脚本”选项卡。
2. 单击“全部”下拉列表 左上角上方 脚本代码内容窗口。
3. 选择“显示静态脚本”。
4. 单击下拉按钮即可 现在所说的“静态”的权利 （默认情况下，它应显示名称 您当前网页的）。你 现在应该看到文件列表 与当前网页关联 包括任何外部 JS 文件。
5. 选择您是 JavaScript 文件 感兴趣，它的代码会 显示在内容窗口中。从 在那里，您应该能够设置 断点照常进行。

Answer 2

地方 debugger; 在外部脚本文件中要中断的行上。

Answer 3

放置 “debugger;” 行也可以为 Chrome 调试器解决问题。

Answer 4

单击左侧边距中的行号应该会为您创建一个断点（应该会出现一个红色圆圈）。

所有加载的脚本都应该可以从 firebug 菜单中找到 - 单击当前文件名应该显示一个下拉菜单，其中列出了所有文件。

Answer 5

在其中放置断点后，您还可以在 Firebug 控制台中按名称调用它们，并查看（或单步执行）任何中间函数的输出。当主入口点调用许多其他帮助器函数，并且您实际上只关心这些帮助器如何工作时，这会有所帮助。

话虽这么说，我对 ASP.Net 验证器一无所知，所以这可能不适用。