为什么萤火虫调试有时有效，有时无效？答案

【问题标题】：why does firebug debugging sometimes work and sometimes not?为什么萤火虫调试有时有效，有时无效？
【发布时间】：2011-02-13 16:02:24
【问题描述】：

我想调试一个嵌入在 HEAD 元素中的 javascript 文件。

我导航到该站点，查看代码，然后创建一个断点：

_{（来源：deviantsart.com）}

但是当我点击Reload时，脚本消失并且它不会在断点处停止：

_{（来源：deviantsart.com）}

调试工作较早，所以我知道它通常可以工作。 我必须做什么才能让 Firebug 始终调试我的脚本？

【问题讨论】：

我建议您首先使用 Firebug > Firebug 图标菜单 > 选项 > 全部重置。您设置了四个不常见且大部分未经测试的选项：1. 静态脚本（可能没问题，除非您缺少脚本；-），2. 反编译 eval，这对静态没有意义，3. 显示 chrome，prob。好的 4. 跟踪投掷接球/

标签： javascript debugging firebug embedding

【解决方案1】：

您需要激活脚本选项卡

【讨论】：

【解决方案2】：

在我们的例子中，它是 JS 文件的捆绑。

不只是FireFox，Chrome也一样。

我们将文件从包中移出，并将其放在需要引用它的页面上，它开始像魅力一样工作。

【讨论】：

【解决方案3】：

关闭Firefox，然后重新启动。有时萤火虫会感到困惑。还要确保您拥有最新版本。

【讨论】：

【解决方案4】：

我知道的脚本处理的bug有1）jquery动态加载脚本失败，2）看不到new Function()，3）看不到某些类型的document.write()。

Firebug 与 Firefox 一起处理脚本文件。这意味着当页面加载时 Firebug 必须处于活动状态，这意味着路径中的任何异常都会导致文件被错误处理。如果您在加载前打开了 firebug，但仍然看到问题，那么最有可能的解决方法是在新的 Firefox 配置文件中安装 Firebug。这会使您获得一组全新的默认选项，并且您可以在没有其他扩展的情况下运行 Firebug。当您重新添加其他扩展时，在查看脚本时寻找问题：然后也许您会发现是什么扩展干扰了处理脚本的代码路径。我知道这是一件令人头疼的事情，但没有源代码的 JS 调试也是如此；-)。我们正在测试安装更多 Firebug 和 Firefox 扩展，以尝试减少这些问题。

【讨论】：

【解决方案5】：

我以前也注意到过这种行为。如果您在调试器运行时刷新页面（即在您遇到断点并单步执行代码之后），似乎可能会发生这种情况。这远非结论性的，只是我随时间随意观察到的。

另外，我尽量避免在激活 firebug 的情况下打开多个标签，因为这似乎会让人感到困惑。

编辑：只是想补充一点，我已经以几种不同的方式看到了这个清单本身：

外部脚本文件根本没有出现在脚本面板中。
外部脚本文件出现，但萤火虫没有“看到”它。您知道这已经发生，因为可以设置断点的代码旁边的行号不会突出显示（以前是绿色，但现在看起来只是比其他行更暗）。我已经看到 HTML 页面上的内联 javascript 也会发生这种情况（太可怕了！）。
外部脚本文件在那里，但您只能看到一个充满代码的屏幕。其中“全屏”是萤火虫面板视口。

【讨论】：

JS 在多个标签上调试是错误的，我应该阻止它。

【解决方案6】：

我不确定在<head> 中包含<script>（而不是在<body> 中）实际上是合法的HTML。如果不是，我怀疑，你不能责怪 Firebug 没有很好地支持它......！-)

【讨论】：

在 HEAD 中包含 <script> 是完全合法的。
似乎有所作为，不知道这是否是有时有效的问题的一部分，但至少它现在又可以工作了#gettingtoknowfirebug
我不知道 Firebug 处理头部或身体标签的方式有什么不同，没关系。