天天看点

node代码调试(1)——使用Chrome调试

  随着使用node的开发人员越来越多,node的生态也越来越完善,很多人开始使用node来处理一些服务端的操作,比如处理文件数据、操作数据库数据等等。如何在编写node的时候能够像编写java一样那么方便调试就是摆在大家面前的一个问题。相信作为js的开发人员,大家电脑上都是装有谷歌的,那么本文将告诉大家用谷歌浏览器如何调试nodejs代码。

1,第一步,以调试断点的方式运行需要调试的js文件

node --inspect-brk 文件名.js
           

例如调试ope.js文件:

node代码调试(1)——使用Chrome调试

2,第二步,进入谷歌的调试页面(三种方法任选一种均可)

这步有很多种方式都可以进入,为了方便大家选择合适自己的方式,我在下面列出我试过的3种方法

1)第一种方法:打开谷歌浏览器,在地址栏输入:chrome://inspect/#devices

进入后,页面就会显示以上js文件的调试入口,如下图所示(刚进入会更新数据,如果什么都没显示,稍微等待几秒钟),这是最快的一种方式,推荐!

node代码调试(1)——使用Chrome调试

2)第二种方法:首先,需要开启谷歌浏览器的一个设置,打开谷歌浏览器,在地址栏输入:chrome://flags/#enable-devtools-experiments,进入如下页面启用Developer Tools experiments,然后重启谷歌浏览器。(只需要开启一次,如果已经开启了就不用开启了)

node代码调试(1)——使用Chrome调试

然后,在谷歌浏览器输入第一步中输入指令后控制台打印的一个ws://开头的链接

node代码调试(1)——使用Chrome调试

打开上面链接后,进入发者模式(按F12),会看到一个绿颜色的六边形,点击这个图标就可以开始调试了

node代码调试(1)——使用Chrome调试

3)第三种方法:打开谷歌浏览器,在地址栏输入:http://localhost:9229/json/list(端口号9229和第一步中的ws://开头的链接的端口号一致)

node代码调试(1)——使用Chrome调试

打开后会看到一串json数据,其中的 devtoolsFrontendUrl 就是调试页面的地址,在谷歌浏览器地址栏输入这个地址就可以进入调试页面了

node代码调试(1)——使用Chrome调试

继续阅读