2008-08-28 63 views
25

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

@Jason:这是一个很好的观点,但在我的情况下,我无法轻松访问该脚本。我正在专门讨论由我想调试的ASP.Net Validators调用的客户端脚本。我可以在调试会话期间通过输入函数调用访问它们,但我找不到直接访问它们的方法。

+0

确定的事情 - 尽管如此,您的具体标题问题意味着您可以访问外部文件。无论如何,我认为这个页面的信息很好,并且可以帮助任何人和每个希望调试外部JS文件的人,无论他们是否在他们的控制之内。 :) – 2010-11-24 22:05:25

回答

21

从内部萤火查看和访问外部JavaScript文件(* .js文件):

  1. 单击 '脚本' 选项卡上。
  2. 单击 脚本代码内容窗口上方 左上角的'all'下拉列表。
  3. 选择“显示静态脚本”。
  4. 单击下拉按钮到 现在说'静态' (默认情况下,它应显示您当前网页的名称 )的权利。您现在应该看到与当前网页 相关联的文件列表 ,包括任何外部JS文件。
  5. 选择您感兴趣的JavaScript文件 ,其代码将在内容窗口中显示 。在那里,你应该可以设置 为正常的断点。
2

点击左边空白处的行号应该为你创建一个断点(应该出现一个红圈)。

所有已加载的脚本应该可以从萤火虫菜单中找到 - 点击它表示当前文件的名称应该显示下拉列表中的所有文件。

33

debugger;放在您想要打破的行上的外部脚本文件中。

+0

谢谢...真的。我欠一个。 – Calvin1602 2010-11-04 10:31:12

+0

没问题。我很高兴听到它对某人有用,这是我参与的唯一原因 - 帮助人们变得有趣和令人上瘾!:) – 2010-11-24 22:06:18

+0

这不再适用于我:\ – 2017-01-26 15:42:12

0

在你放置一个断点之后,你也可以在萤火虫控制台中按名称调用它们,并查看任何中间函数的输出(或逐步执行)。当主入口点调用许多其他的帮助函数时,这可以提供帮助,而且您确实只关心这些帮助者的工作方式。这就是说,我不知道任何关于ASP.Net验证器,所以它可能这不适用。

4

放置“调试器”;线也可以为Chrome调试器做诀窍。

相关问题