使用 inspect + Chrome 调试 node

一开始在网上搜索如何调试 node,大部分教程都是让安装 node-inspector,于是我按教程用 npm install -g node-inspector 全局安装,但一直报错,安装不上。我的 node 版本是 10.22.0,事实上,新版本的 node 已经内置了一个叫做 inspect 的调试工具,inspector 已经废弃了,所以报错。

inspect 不用手动安装,但如果你想再额外安装一下,以保证不会出错,可以使用npm install -g node-inspect 命令额外全局安装一下。但需要注意是 inspect,不是 inspector

如果不确定自己的 node 版本是否支持 inspect,可以使用检查器协议查看,如图[1]所示,6.3 以上版本的 node 都已经支持。

图1

.
.


安装成功之后就可以使用 inspect 调试 node 代码了~~调试步骤如下:
第一步:

比如我现在要调试 emitter_study.js 这个文件,首先运行 node-inspect emitter_study.js,如图[2]所示,就是运行成功了,默认情况下侦听 127.0.0.1:9229 的域名和端口号。

图2

第二步

在 Chrome 中打开标签页 chrome://inspect/,可以看到已经监听到了emitter_study.js 这个文件,点击 inspect 即可使用 Chrome 的 devTools 开始调试,如图[3]:

图3

另外

点击 Configure 可以增加监听端口

Configure.png

增加端口.png

你可能感兴趣的:(使用 inspect + Chrome 调试 node)