linux 调试 js 代码,使用node-inspector调试NodeJS代码

2024-06-09 21:45:19

任何一门完备的语言技术栈都少不了健壮的调试工具，对于NodeJS平台同样如此，笔者研究了几种调试NodeJS代码的方式，通过对比，还是觉得node-inspector的调试方式比较方便，而且和前端JavaScript代码的调试具有一致的体验，不仅健壮，而且方便。安装完成NodeJS后执行如下指令可以完成node-inspector安装。

>npm install -g node-inspector

node-inspector安装完成以后运行如下指令启动node-inspector。

编辑NodeJS源代码输入如下代码，并将其命名为test.js

var duck = {

duckSinging: function(){

console.log( '嘎嘎嘎' );

}

};

var chicken = {

duckSinging: function(){

console.log( '嘎嘎嘎' );

}

};

var choir = []; // 合唱团

var joinChoir = function( animal ){

if ( animal && typeof animal.duckSinging === 'function' ){

choir.push( animal );

console.log( '恭喜加入合唱团' );

console.log( '合唱团已有成员数量:' + choir.length );

}

};

joinChoir( duck );

joinChoir( chicken );

到test.js文件所在的路径下执行如下指令：

>node --debug-brk test.js

打开Chrome浏览器输入node-inspector提示的地址，就会发现断点已经命中在test.js代码的第一行，至此，我们已经可以单步执行或者全速执行我们的NodeJS代码了，效果图如下，当然我们也可以先设置好断点，然后以node --debug test.js 启动被调试NodeJS代码，并进行调试。

总结

本文完整的总结了使用node-inspector调试NodeJS代码的完整步骤，并配了相关步骤的详细图解，希望对大家有所帮助。值得一提的是使用node-inspector调试NodeJS代码有一个需要注意的地方就是在我们调试集群或者多进程NodeJS代码的时候，我们只能调试打开调试端口的那个进程，如果需要调试其他子进程，就需要找到子进程的监听端口，并挂载浏览器到相应的端口上完成调试工作。

linux 调试 js 代码,使用node-inspector调试NodeJS代码相关推荐

Node Inspector 调试 Node.js 程序
Node Inspector 是一款提供界面化调试 nodejs 程序的调试器,使用它可以在浏览器中像调试前端页面一样调试 nodejs 程序. 环境 [dongshaoshuai~/js] ]$no ...
怎么在vue的@click里面直接写js_【转】为 Node.js 贡献你的力量 ———— 调试代码
原文作者:百万扩散性甜面包 himself65 原文链接: 为 Node.js 贡献你的力量 ---- 调试代码www.himself65.com Node.js 作为一个世界级的项目,能为它贡献源 ...
vscode+node.js 调试js程序/edge浏览器调试javaScript/edge浏览器独立调试编辑并保存代码/浏览器内开发者工具element/console布局(focus Mode)
文章目录 declaration vscode 对于javascript的支持环境使用node.js调试纯js代码使用浏览器调试试验代码 Note! edge浏览器独立调试编辑并保存代码窗格 ...
NodeJs代码调试（inspector+chrome）实现谷歌浏览器调试后台nodejs代码
NodeJs代码调试(inspector+chrome) 实现谷歌浏览器调试后台nodejs代码如需转载请标明出处:http://blog.csdn.net/itas109 QQ技术交流群:1295 ...
【Js】【调试】VSCode中调试Js代码
以前调试一段js代码总是会将js代码嵌入html页面,然后利用浏览器的开发者工具打断点来调试js代码,感觉还是有一点麻烦,想着直接在vscode中调试一个js代码那不就很方便了吗. vscod ...
debug idea js_IntelliJ IDEA 配置chrome插件调试js代码 - 狂奔的熊二 - 博客园
调试js代码,每次都在要在代码中写debugger,或者在chrome中打断点,而且chrome的断点信息不人性化.偶然发现idea竟然有这个功能,简直神器啊.研究了半天终于搞定了,哈哈,开心.下面是 ...
Google Chrome调试js代码
你是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容.嗯~, ...
IntelliJ IDEA 配置chrome插件调试js代码
调试js代码,每次都在要在代码中写debugger,或者在chrome中打断点,而且chrome的断点信息不人性化.偶然发现idea竟然有这个功能,简直神器啊.研究了半天终于搞定了,哈哈,开心.下面是 ...
chrome浏览器断点调试js代码和 idea断点调试java代码
文章目录 chrome调试js代码 idea调试java代码 chrome调试js代码 Chrome调试快捷键总结快捷键功能 F10 (step over) 单步调试.步过,遇到函数时也当成一个语 ...

最新文章

热门文章