在Ubuntu上调试JavaScript代码,可根据场景选择以下方法:
一、Node.js代码调试
1. 内置调试器(Node.js CLI)
- 添加断点:在代码中插入
debugger;
语句。
- 启动调试:终端运行
node --inspect your_script.js
(--inspect-brk
可在首行暂停)。
- 连接调试器:
- 打开Chrome浏览器,访问
chrome://inspect
。
- 在“Remote Target”中点击“inspect”,使用Chrome DevTools调试。
2. Visual Studio Code(推荐)
- 配置调试:
- 安装VSCode及Node.js扩展。
- 点击左侧“Run and Debug”,选择“Node.js”环境,生成
launch.json
并指定代码路径。
- 启动调试:添加断点后,点击绿色三角按钮或按F5。
二、浏览器端JavaScript调试
- 开发者工具:
- 打开Chrome/Firefox,按F12或右键“检查”。
- 在“Sources”或“调试器”选项卡中,找到JS文件添加断点,刷新页面触发调试。
三、其他工具
- ndb:基于Chrome DevTools的调试器,支持远程调试,安装后直接运行
ndb your_script.js
。
- node-inspector:需配合Chrome DevTools,安装后通过
node-debug
命令启动。
选择建议:
- 本地开发优先用VS Code,支持断点、变量监控等全功能调试。
- 服务器端或需远程调试时,用Node.js内置调试器+Chrome DevTools。