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

时间:2020-03-05 18:44:29  来源:igfitidea点击:

我可以轻松地在嵌入式JS函数中设置断点,但是除非通过调试会话碰巧输入它们,否则我看不到任何通过Firebug访问外部JS脚本的方法。有没有一种方法可以不必"探索"脚本中的方式?

@Jason:这是一个很好的观点,但就我而言,我无法轻松访问该脚本。我特别在谈论由我要调试的ASP.Net验证程序调用的客户端脚本。我可以在调试会话中通过输入函数调用来访问它们,但是我找不到直接访问它们的方法。

解决方案

回答

单击左边距中的行号将为我们创建一个断点(应该出现一个红色圆圈)。

所有已加载的脚本都应从Firebug菜单中单击,并在该菜单上单击,其中说当前文件的名称应显示一个下拉列表,列出所有文件。

回答

在我们要中断的行的外部脚本文件中放置debugger;

回答

在它们上设置断点后,还可以在firebug控制台中按名称调用它们,并查看(或者逐步浏览)任何中间函数的输出。当主入口点调用许多其他帮助程序功能时,这可能会有所帮助,而我们实际上只关心这些帮助程序的工作方式。

话虽这么说,但我对ASP.Net验证程序一无所知,因此可能不适用。

回答

放入"调试器";行也可以解决Chrome调试器的问题。

回答

要在Firebug中查看和访问外部JavaScript文件(* .js),请执行以下操作:

  • 点击"脚本"标签。
  • 单击脚本代码内容窗口上方左上角的"全部"下拉菜单。
  • 选择"显示静态脚本"。
  • 单击现在显示为"静态"的右侧的下拉按钮(默认情况下,它应显示当前网页的名称)。现在,我们应该看到与当前网页关联的文件列表,包括任何外部JS文件。
  • 选择我们感兴趣的JavaScript文件,其代码将显示在内容窗口中。从那里,我们应该能够正常设置断点。