使用Firebug或Google Chrome浏览器进行调试

Question

我需要使用firebug或google chrome调试我的javascript，但是我的javascript与html在同一文件中，当我尝试查找我的javascript代码时，我不知道它在哪里，因为它不在特定文件中带有html的文件，如果我使用firebug或google chrome调试器，我会找到脚本标签，但是我不知道我的javascript是哪个文件，因为它不在javascript文件中，如何找到要调试的javascript？

问题是因为我使用的是ASP.MVC，并且只有一个视图和放置在该视图中的许多局部视图，当有人单击横向菜单中的选项时，该视图具有一个横向菜单。横向菜单，因此该局部视图具有html和javascript，但是在firebug或google chrome devtools中找不到该局部视图中的新javascript，因为仅向该视图显示了冷杉html和脚本，并且局部视图的代码为在这些工具中未显示，因为此代码是动态插入的，并且Firebug无法刷新它。

有什么解决方案？ 谢谢。

Answer 1

你可以知道哪一行错误。

您可以看到文件名和行号错误，当您单击文件名时，您将看到错误行。

Answer 2

转到URL。 例如，在此页面中，我可以在文件“ debuging-with-firebug-or-google-chrome”中放置一个断点。 我相信Google Chrome的工作原理与此类似。

此外，它们还按域排序，因此应该可以帮助您找到URL的文件。

Answer 3

Firefox内置调试器（主菜单按钮>开发人员>调试器，或CTRL + SHIFT + S）在左侧边栏“源”中列出所有包含已加载脚本的文件。 如果它们包含内部内容的<script>标记，则它甚至包含html文件。 您可以在stackoverflow.com上进行检查。

图为带有已加载的html文件的调试器。

有时，列表中可能没有文件，因为加载脚本时出错。 检查“控制台”选项卡以查看任何JavaScript错误。 类似的功能（向控制台报告错误）也提供了Firebug和Chrome devtools。

编辑：

在Firefox和Chrome中都存在错误/误导性行为。 为了查看所有脚本（尤其是那些延迟加载的脚本），必须在页面开始加载之前打开调试器窗口。 仅当在加载脚本时打开调试器时，才显示延迟脚本。