在Debian环境下调试JavaScript代码,可根据开发场景选择以下方法:
一、浏览器开发者工具(前端调试)
- 适用场景:调试浏览器端JavaScript(如网页交互逻辑)。
- 操作步骤:
- 打开Chrome/Firefox,按
F12或右键选择“检查”打开开发者工具。
- 切换到“Sources”(Chrome)或“Debugger”(Firefox)标签页。
- 在代码中点击行号添加断点,刷新页面或触发事件,程序会在断点处暂停,可查看变量值、调用堆栈等。
二、Node.js内置调试器(后端/服务端调试)
- 适用场景:调试Node.js服务端代码或命令行工具。
- 操作步骤:
- 启动调试模式:在终端运行
node --inspect-brk your_script.js(--inspect-brk会在代码首行暂停,--inspect则直接运行至断点)。
- 连接调试工具:
- 打开Chrome浏览器,访问
chrome://inspect,点击“Open dedicated DevTools for Node”,即可调试。
- 或在VS Code中配置
launch.json(选择“Node.js”环境),通过“附加到进程”方式连接。
三、集成开发环境(IDE)调试
- 推荐工具:Visual Studio Code、WebStorm。
- 操作步骤(以VS Code为例):
- 安装VS Code,打开项目后点击左侧“运行和调试”图标。
- 点击“创建launch.json文件”,选择“Node.js”环境,配置入口文件路径。
- 在代码中添加断点,点击绿色“运行”按钮启动调试,支持单步执行、查看变量等操作。
四、辅助调试方法
- 日志输出:在代码中添加
console.log()语句,快速查看变量值或执行流程。
- 第三方库:使用
winston、bunyan等日志库记录更详细的运行信息。
说明:前端调试直接通过浏览器开发者工具即可;后端或复杂项目优先使用Node.js内置调试器或VS Code,支持断点、变量监控等高级功能。