跳到主要内容

Node --inspect 调试模式 + Chrome DevTools

2024年12月21日
柏拉文
越努力,越幸运

一、认识


Node.js 提供了内置的调试功能,可以与 Chrome DevTools 或其他调试工具(如 VS Code)配合使用

二、启动调试模式


2.1 使用 --inspect

直接运行程序并开启调试:

node --inspect app.js

此时程序会正常运行,同时开启调试模式。

2.2 使用 --inspect-brk

在程序的第一行代码暂停执行(适合需要在启动时调试的场景):

node --inspect-brk app.js

三、查看调试信息


启动调试后,Node.js 会输出类似以下的信息:

Debugger listening on ws://127.0.0.1:9229/xxxxxxxxxxxxx
For help, see: https://nodejs.org/en/docs/inspector

默认情况下,调试端口是 9229,你可以指定其他端口:

node --inspect=localhost:9230 app.js

四、基于 Chrome DevTools 调试


1. 打开 Chrome 浏览器

2. 在地址栏输入

chrome://inspect

3. 点击 Configure 按钮,确保 localhost:9229 已配置。如果未配置,可以手动添加

4. 在 Remote Target 区域找到你的 Node.js 程序,点击 Inspect

5. 进入类似 Chrome DevTools 的调试界面,可以:

  • 查看代码:源代码会自动加载。

  • 设置断点:点击代码行号。

  • 查看变量:右侧面板显示变量值、调用堆栈等。

  • 单步调试:使用工具栏的按钮操作。