无法使用F12 firefox调试并向我的自定义javascript文件添加断点

Question

我有一个JavaScript文件，我想调试和测试，所以我想添加一些断点。现在我读到我可以使用Firefox F12工具这样做。所以我做了以下步骤： -

1. 我导航到我的应用程序。
2. 点击F12。
3. 然后在＆＃34; Debugger＆＃34;选项卡我可以看到所有加载了断点的脚本。

但我找不到编写自定义JavaScript并为其添加断点的方法..这可能吗？或者需要在页面中加载JavaScript来调试它？

由于

Answer 1

一个相关点：

“您可以在JavaScript代码中的任何位置放置debugger;语句。一旦JS解释器到达该行，它将停止脚本执行，允许您检查变量并逐步执行代码。”

在您的计算机上运行脚本

通常，您必须运行本地apache服务器才能执行此操作。

另一个选项是使用node.js运行脚本。你有很多调试选项。

这里有一个关于Node调试的优秀教程（称为Bug Clinic）：

https://nodeschool.io/#workshoppers

Answer 2

只需打开您的控制台，并使用debugger作为您的一个语句，调试器就会停在那里;

(function(){
    var x = 1;
    debugger;
    console.log(x);
})()