如何使用chrome进行node开发服务断点调试？

假设启动node服务的代码在server.js中

启动调试命令

使用如下命令启动node服务调试

node --inspect server.js

调试端口默认是9229，相当于

node --inspect --inspect-port=9229 server.js

命令启动后在命令行窗口会输出，表示node debugger已启动 多个项目同时开启node调试需要分别指定不同端口，否则会报错9229端口被占用，报错如下

使用chrome

可以在页面控制台点击node图标打开调试界面

或者使用chrome打开地址chrome://inspect/#devices 可以看到调试入口，如下图

点击inspect按钮即可打开调试界面，当你访问的前端页面使用对应的服务时，调试界面会出现对应项目的代码，如下图（这里以next.js为例）

这样就可以使用chrome打断点进行调试了

注意如果是多个项目同时开启node调试，chrome://inspect/#devices 界面中只会显示使用默认调试端口（9229端口）的服务，如果要显示其他端口的服务，需要进行如下设置

打开chrome://inspect/#devices

点击configure按钮，出现如下弹窗

可以看到默认已经有localhost:9229, 增加使用--inspect-port添加的端口，假设第二个项目使用启动命令为

node --inspect --inspect-port=8881 server.js

增加 localhost:8881 chrome://inspect/#devices 界面中就会显示使用8881调试端口的服务了