学习node-inspector的调试技巧

来源:互联网 发布:韩国剑灵捏脸数据 编辑:程序博客网 时间:2024/06/05 12:41

新的公司是从事外贸行业,目前决定开发一款商城购物的APP,初步采用NodeJs这门技术,作为一名前端,我理所当然地接受了这个挑战,准备步入全栈开发模式。虽然我以前也做过类似的全栈开发工作,即前端+.net全栈,但是对于这次采用一种新的技术做后台,还是相当兴奋的。

不说废话了,学习一门语言,我觉得调试很重要,但是因为用惯了VS与CHROME等可视化开发工具,对Node自带的命令行调试感到相当困惑,幸运的是,目前NODE有了node-inspector这个调试神 器,使我可以用类chrome开发者工具调试应用。

首先,npm安装node-inspector。


       然后,打开一个cmd,启动node-inspector服务,命令行   node-inspector --web-port=8888,此处指定了端口,然后根据提示的URL打开调试窗口。


注意,不要关闭这个CMD,关闭了node-inspector的服务就会停止。在浏览器上键入 http://127.0.0.1:8080/?ws=127.0.0.1:8080&port=5858,会得到如下界面。

  

Nice,这样就可以看到调试器的GUI界面,是不是有种很熟悉的感觉,我们可以像使用chrome开发者工具那样设置断点,添加监视,接下来编写测试代码,如下:


每隔10秒打印信息,让我们调试运行tester.js,在cmd中运行node --debug tester.js,如下图所示。


刷新一下调试器窗口,过了大概十几秒的时间(不知道为什么会这么慢,有没有优化的方法呢?),会看到node-inspector加载出该JS,然后就可以开始我们的调试之旅了。

最终效果如下:




0 0