用浏览器来调试node代码
作为前端开发,对于浏览器的调试我想大家都比较熟悉了。但是在开发node
这种运行在服务器的javascript
,那如何实现也在浏览器上进行调试呢?像平时一样直接console.log()
? 或者来个alert()
?这些是行不通的,console.log
的信息你不能直接像开发页面一样,可以在浏览器的控制台看到。alert()
那是浏览器的方法,所以也是用不了。那有的人会说,断点调式想必也走不通了吧?
今天我就来分享一下如何用谷歌浏览器实现对node
开发进行调试,完成在浏览器上可以输出信息、可以在浏览器上进行断点调试node
代码等。
步骤一:使用 --inspect
来运行js文件,通常我们是node app.js
来运行脚本,此时 我们要这样进行运行 node --inspect app.js
(这里的app.js
是服务脚本)。这里我们注意一下,若是非服务脚本是一运行马上就结束的,所以不能直接用上面的命令,我们要用node --inspect-brk=9229 app.js
(这里的app.js
是非服务脚本)
步骤二:在谷歌浏览器输入chrome://inspect
或者about:inspect
,我们会看到如下界面
点击图中任意一处即可进入调试页面,里面有四个面板,可进行相对应的调试。
- Console:控制台
- Memory:内存
- Profiler:性能
- Sources:源码
所以这样就可以在浏览器上完成对node
代码的调试啦,希望对你有帮助!!!