使用 node --inspect 命令调试js文件执行

深入理解 Node.js 的 --inspect 调试功能

引言

Node.js 是一个流行的 JavaScript 运行环境,它允许开发者在服务器端运行 JavaScript 代码。随着应用的复杂性增加,调试成为了开发过程中不可或缺的一部分。Node.js 提供了强大的调试工具,其中 --inspect 选项是探索和调试应用的关键。

什么是 --inspect

--inspect 是 Node.js 的一个命令行选项,它允许开发者在启动应用时启用 V8 调试器。这个调试器是一个内置的调试工具,可以与 Chrome DevTools 集成,提供了一系列调试功能,如断点、堆栈跟踪、变量检查等。

如何使用 --inspect

使用 --inspect 非常简单。你只需要在启动 Node.js 应用时添加这个选项。例如:

bash 复制代码
node --inspect app.js

这将启动你的 app.js 应用,并在默认的调试端口(通常是 9229)上开启调试会话。

与 Chrome DevTools 集成

一旦启用了 --inspect,你可以使用 Chrome DevTools 来连接到你的 Node.js 应用。以下是步骤:

  1. 打开 Chrome 浏览器。
  2. 访问 chrome://inspect
  3. 在 "Remote Target" 部分,你会看到你的 Node.js 应用。
  4. 点击 "inspect" 链接,一个新的 Chrome DevTools 窗口将会打开,连接到你的应用。

调试技巧

  • 设置断点: 在代码中你想要暂停执行的地方设置断点。
  • 查看变量: 在调试时,你可以查看当前作用域内的变量值。
  • 单步执行: 使用单步执行来逐行运行代码,观察程序的行为。
  • 调用堆栈: 查看当前的调用堆栈,了解函数是如何被调用的。

调试异步代码

Node.js 的异步特性可能会使调试变得复杂。但是,通过 --inspect,你可以设置断点在异步函数中,甚至在回调函数中。

相关推荐
小杨快跑~1 小时前
Vue 3 + Element Plus 表单校验
前端·javascript·vue.js·elementui
我叫张小白。2 小时前
Vue3监视系统全解析
前端·javascript·vue.js·前端框架·vue3
WYiQIU6 小时前
11月面了7.8家前端岗,兄弟们12月我先躺为敬...
前端·vue.js·react.js·面试·前端框架·飞书
谢尔登6 小时前
简单聊聊webpack摇树的原理
运维·前端·webpack
娃哈哈哈哈呀7 小时前
formData 传参 如何传数组
前端·javascript·vue.js
zhu_zhu_xia8 小时前
vue3+vite打包出现内存溢出问题
前端·vue
tsumikistep8 小时前
【前后端】接口文档与导入
前端·后端·python·硬件架构
行走的陀螺仪8 小时前
.vscode 文件夹配置详解
前端·ide·vscode·编辑器·开发实践
2503_928411569 小时前
11.24 Vue-组件2
前端·javascript·vue.js
Bigger9 小时前
🎨 用一次就爱上的图标定制体验:CustomIcons 实战
前端·react.js·icon