Let’s imagine that I have a simple JavaScript file and I want to calculate the sum of integer numbers but I have a problem and I want to debug this file(but I don’t want to use console.log as a debugger!)

假设我有一个简单JavaScript文件，我想计算整数的总和，但是遇到问题，我想调试该文件(但是我不想将console.log用作调试器！)

This is the file:

这是文件：

In order to use debug mode we need to run the file with this command:

为了使用调试模式，我们需要使用以下命令运行文件：

node inspect sumCalculator.js

Also, we can use this command but it is deprecated:

另外，我们可以使用此命令，但已弃用：

node debug sumCalculator.js

As we enter the debug mode we can see these lines on the console:

当我们进入调试模式时，我们可以在控制台上看到以下几行：

As we can see debugger is listening on port 9229 and a unique URL. We are going to use this URL after we learn a few commands in debug mode.

如我们所见，调试器正在侦听端口9229和唯一的URL。 在调试模式下学习了一些命令之后，我们将使用此URL。

We can use the help command to see what we can do here: help

我们可以使用help命令来查看在这里可以做什么： help

基本调试命令： (Basic debug commands:)

• Resume execution(continue): c or cont

  恢复执行(续)： c或cont

• Next line: n or next

  下一行： n或next

• Step into a function: s or step

  步入函数： s或step

• Step out: o or out

  跳出： o或out

• Set breakpoint: sb or setBreakpoint

  设置断点： sb或setBreakpoint

• Clear breakpoint: sc or clearBreakpoint

  清除断点： sc或clearBreakpoint

The repl command gives us a repl mode command line and we have access to functions and variables in debug mode. (Or as Node.js docs define: Open debugger’s repl for evaluation in debugging script’s context)

repl命令为我们提供了repl模式命令行，并且我们可以在调试模式下访问函数和变量。 (或按Node.js文档的定义：打开调试器的repl以在调试脚本的上下文中进行评估)

让我们调试这个简单的文件 (Let’s debug this simple file)

First of all, we need a breakpoint. I think line 4 is the best place we can set a breakpoint. So in order to set a breakpoint at line 4, we need to execute this command: sb(4)

首先，我们需要一个断点。 我认为第4行是设置断点的最佳位置。 因此，为了在第4行设置断点，我们需要执行以下命令： sb(4)

We can use cont command but what is the point if we cannot see variables?There are two ways to check variables in debug mode:

我们可以使用cont命令，但是如果看不到变量又有什么用呢？在调试模式下有两种检查变量的方法：

1. repl you have to enter repl mode and then you have access to variables and functions and you can check them.

1. repl您必须进入repl模式，然后才能访问变量和函数，并且可以对其进行检查。

2. Using watch.

2.使用watch 。

We are going to use the second way as it is a better way when we are in a loop:

我们将使用第二种方法，因为在循环中这是一种更好的方法：

watch('index')watch('sum')

Pay attention that the watch function expects a string.

注意watch函数需要一个字符串 。

As I start the debugger I might encounter with an error like this: sum is not defined and that’s OK since before reaching our breakpoint these variables are not defined.

当我启动调试器时，可能会遇到这样的错误： sum is not defined ，这没关系，因为在到达断点之前未定义这些变量。

If we use cont then we can see the values of these variables:

如果使用cont则可以看到这些变量的值：

So I guess the problem with my function is that I’m starting from 0!

所以我想我的函数的问题是我从0开始！

在浏览器中调试 (Debug inside the browser)

We want to use chrome dev tools to debug any script:

我们想使用chrome dev工具来调试任何脚本：

1. Enter the debug mode: node inspect yourFile.js

   进入调试模式： node inspect yourFile.js

2. Open chrome and in address bar type chrome://inspect.

   打开chrome，然后在地址栏中输入chrome://inspect 。

You can see that because of the port of debug mode chrome is watching this file and by clicking on the blue inspect text we can enter the debug mode in chrome:

您会看到由于调试模式的端口chrome正在监视此文件，并且通过单击蓝色的检查文本我们可以在chrome中进入调试模式：

Now you have access to all debugging options in a graphical way.

现在，您可以以图形方式访问所有调试选项。