javascript - firebug 脚本面板不显示任何脚本

Question

我正在尝试调试我的 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(' ');
}
});

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

Answer 1

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

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

注释:

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

自 Firefox 49.0 和 Firebug 2.0.18 以来，Script 面板已完全损坏。这是由于某些内部 Firefox API 更改所致。因为Firebug is officially discontinued ，不幸的是，这将不再得到修复。

在与 Firefox 39.0 结合使用时，Firebug 2.0.11(及更低版本)也存在导致此问题的错误。此错误已归档为 issue 7918并针对版本 2.0.12 进行了修复。
当启用脚本 面板并且您关闭 Firebug 然后重新打开它时会发生这种情况。