Debian如何调试JS代码

Debian系统调试JS代码的常用方法

1. 浏览器开发者工具（适用于前端JS）

适用于调试运行在浏览器中的JavaScript代码（如网页、SPA应用），无需额外安装工具，操作直观。
步骤：

• 打开Chrome浏览器，访问目标网页；
• 右键点击页面元素，选择“检查”（或按F12）打开开发者工具；
• 切换至Sources选项卡，在左侧文件列表中找到需调试的JS文件；
• 在代码行号左侧点击设置断点（红色圆点）；
• 刷新页面或触发对应事件（如点击按钮），代码执行到断点时会暂停；
• 使用调试工具栏的Step Over（F10，执行下一行不进入函数）、Step Into（F11，进入函数内部）、Continue（F8，继续执行至下一个断点）等命令控制流程；
• 查看Scope（变量作用域）、Call Stack（调用堆栈）、Console（输出日志）等面板，分析变量值和执行逻辑。

2. Node.js内置调试器（适用于后端JS/Node.js应用）

适用于调试Node.js运行的后端代码（如Express、Koa等服务端应用），无需安装第三方工具。
步骤：

• 在JS文件中添加debugger;语句（可选，用于强制暂停）；
• 终端运行node inspect your_script.js（your_script.js为入口文件），启动调试模式；
• 调试器会暂停在debugger;语句处，进入交互式命令行界面；
• 使用以下命令控制执行：
  • cont（c）：继续执行至下一个断点或程序结束；
  • next（n）：执行下一行代码（不进入函数）；
  • step（s）：进入当前行调用的函数内部；
  • out（o）：退出当前函数；
  • list：查看当前行上下文代码（默认5行）；
  • watch(expr)：监视表达式expr的值变化；
  • quit：退出调试器。

3. Chrome DevTools远程调试（适用于Node.js应用）

结合浏览器可视化工具与Node.js调试，适合复杂后端应用的调试，支持断点、变量查看等功能。
步骤：

• 终端运行node --inspect your_script.js，启动Node.js应用并开启调试端口（默认9229）；
• 打开Chrome浏览器，访问chrome://inspect；
• 在“Remote Target”列表中找到你的应用（显示为your_script.js及运行端口），点击inspect链接；
• Chrome会打开专用调试窗口，界面与浏览器开发者工具一致，可设置断点、查看变量、分析调用堆栈等。

4. Visual Studio Code（VS Code）调试（通用方案）

适用于前端/后端JS代码，提供图形化界面和便捷配置，是开发者常用的高效调试工具。
步骤：

• 安装VS Code并打开项目文件夹；
• 点击左侧活动栏调试图标（或按Ctrl+Shift+D），再点击顶部“创建一个launch.json文件”；
• 选择“Node.js”环境，VS Code会自动生成.vscode/launch.json文件；
• 修改配置文件，指定入口文件（如"program": "${workspaceFolder}/app.js"）；
• 保存文件后，点击调试工具栏的绿色箭头（或按F5）启动调试；
• 代码会在断点处暂停，可通过调试面板控制执行、查看变量和调用堆栈。

5. 日志输出（简单应急方法）

适用于快速定位问题，无需安装工具，适合简单代码或临时调试。
步骤：

• 在代码中添加console.log()语句，输出变量值、函数调用结果或流程信息（如console.log('变量值:', variable)）；
• 运行代码，查看终端输出的日志信息，分析问题所在；
• 调试完成后，记得删除或注释掉日志语句，避免影响生产环境。