firebug 脚本面板未显示任何脚本答案

【问题标题】：firebug script panel not showing any scriptsfirebug 脚本面板未显示任何脚本
【发布时间】：2013-03-19 18:03:49
【问题描述】：

我正在尝试调试我的 javascript 和 jQuery 并使用 firebug 逐步完成它。我在 Windows 机器上的 Apache 服务器（2.4）上运行我的代码。我用的是firefox浏览器18版。

当我运行我的代码时，我在脚本面板中看不到我的 javascript（外部文件）。我在面板上看到了链接的 jQuery 库，但没有看到我的 javascript 代码。

在 Firebug 上，脚本在 HTML 面板中清晰链接。但是在脚本面板上，只有 jQuery.js 是可见的。我会发布一个屏幕截图，但我现在没有足够的声誉。

我不知道发生了什么以及我必须做什么才能单步执行我的 javascript 代码。

更新

我在我的 javascript 代码上放置了“调试器”，但它仍然没有显示在“脚本面板”上。

debugger;
$(document).ready(function () {
var email_default = "Enter your email address...";
$(':input[type="email"]').val(email_default).on('focus', function () {
if ($(this).val() == email_default) {
    $(this).val(' ');
}
});

我还尝试刷新浏览器，禁用并重新启用所有萤火虫面板 - 但它仍然不会显示我的外部 javascript。我还仔细检查了我的文件位置和目录，以确保我正确链接它。

【问题讨论】：

将“调试器”放在代码的开头。并保持萤火虫打开。它会在调试器处自动停止。
好的，我想我成功了。添加“调试器”命令后，我喜欢刷新浏览器几次，然后重新启动 firebug。它似乎已经解决了这个问题。

标签： javascript jquery firebug

【解决方案1】：

如果 Firebug（或其他浏览器开发工具）没有在可用脚本列表中显示 JavaScript，这意味着它存在语法错误。

在这种情况下，您需要切换到 控制台 面板并在那里检查错误。

注意事项：

作为mentioned in a related answer，列表中没有显示脚本也可能有其他原因：

从 Firefox 49.0 和 Firebug 2.0.18 开始，Script 面板完全损坏。这是由于一些内部 Firefox API 更改造成的。而且因为Firebug is officially discontinued，很遗憾，这个问题不会再得到解决了。

Firebug 2.0.11（及更低版本）与 Firefox 39.0 结合也存在一个错误，导致此问题。此错误已归档为 issue 7918 并已在 2.0.12 版中修复。
当 Script 面板被启用并且您关闭 Firebug 然后重新打开它时，就会发生这种情况。

【讨论】：