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

Question

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

更多背景：我们要在客户的机器上进行远程调试，而这台机器除了我们的远程连接外，其他所有东西都被阻止了。另外，客户被拒绝安装 Firebug.

Answer 1

Firefox有built-in devtools，在没有安装Firebug时，可以通过F12打开，Ctrl +Shift+I 或通过 Firefox 菜单 > Developer > Toggle Tools:

他们的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 库并自动将它们排除在调试之外，因为人们通常只想调试他们的源代码而不是第三方源代码。这些脚本仍将列在 Sources 侧面板中，并且可以手动关闭它们的黑名单。

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

How to debug JavaScript on Firefox without Firebug?

javascript

debugging

firefox

firebug