javascript - 如何在没有 Firebug 的情况下在 Firefox 上调试 JavaScript？

Question

如何在没有 Firebug 的情况下在 Firefox 上调试 JavaScript？我发现调试工具的左侧面板上并未显示最初加载的所有 JavaScript 源文件。我有机会把它们挖出来吗？

更多背景:我们必须在客户的机器上进行远程调试，而这台机器除了我们的远程连接之外的所有内容都被阻止。另外，客户被拒绝安装Firebug。

Answer 1

Firefox 有 built-in devtools ，未安装 Firebug 时可通过 F12、Ctrl+Shift+I 或通过 Firefox 菜单打开> 开发人员> 切换工具:

他们的Debugger panel可以通过 Ctrl+Shift+S 打开。它的工作原理与 Firebug 中的类似。
请注意，能够 debug dynamically evaluated scripts (例如通过 eval() 执行的脚本)，脚本需要包含 //# sourceURL 注释。
注意:如果它们不包含该注释，它们将不会显示在“源”侧面板中!

请参阅以下示例了解此类 //# sourceURL 注释(取自链接的 MDN 网站):

var button = document.getElementById("clickme");
button.addEventListener("click", evalFoo, false);

var script = "function foo() {" +
             "  console.log('called foo');" +
             "}" +
             "foo();//# sourceURL=my-foo.js";

function evalFoo() {
  eval(script);
}

Firefox DevTools 有一个名为 'black boxing' 的功能检测 JS 库并自动将它们排除在调试之外，因为人们通常只想调试其源代码而不是第三方源代码。这些脚本仍将列在源侧面板中，并且可以手动关闭它们的黑名单。