使用firebug进行谷歌浏览器调试

Question

我需要使用firebug或谷歌浏览器调试我的javascript但我的javascript与html在同一个文件中，当我尝试找到我的javascript代码时我不知道它在哪里因为它不在特定的文件中它是在与我的html相同的文件中，如果我使用firebug或google chrome debuger我找到脚本选项卡，但后来我不知道我的javascript是什么文件，因为它不在javascript文件中，我怎样才能找到我的javascript到调试？

问题是因为我使用ASP.MVC并且我只有一个视图和许多部分视图放在视图中，当有人点击横向菜单中的选项时，视图有一个横向菜单一个局部视图是加载在横向菜单旁边，所以这个局部视图有html和javascript但在部分视图中这个新的javascript在firebug或google chrome devtools中找不到我，因为只显示了第一个html和脚本到视图和代码部分视图未显示在这些工具中，因为此代码是以动态方式插入的，并且萤火虫不会刷新它。

可以解决什么问题？ 感谢。

Answer 1

您可以知道哪一行出错。点击此处

您可以看到文件名和行错误数，当您点击文件名时，您将获得 错误行。

Answer 2

转到网址。例如，这个页面，我可以在文件中设置一个断点＆＃34; debuging-with-firebug-or-google-chrome＆＃34;。我相信Google Chrome的工作原理与此类似。

此外，他们按域排序，这样可以帮助您找到网址文件。

Answer 3

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

图片显示了带有加载的html文件的调试器。

有时文件可能不在列表中，因为在加载脚本期间出错。检查“控制台”标签以查看任何javascript错误。类似的功能（向控制台报告错误）也同时提供Firebug和Chrome devtools。

修改

Firefox和Chrome都存在错误/误导行为。为了查看所有脚本（特别是那些延迟加载的脚本），必须在页面开始加载之前打开调试器窗口。只有在加载脚本时调试器处于打开状态时，才会显示延迟脚本。