在Ubuntu上调试JavaScript代码,可根据场景选择以下方法:
一、Node.js内置调试器(适合服务端代码)
- 添加断点:在代码中插入
debugger;语句。 - 启动调试:终端运行
node --inspect your_script.js(--inspect-brk可在启动时暂停)。 - 连接调试工具:
- 打开Chrome浏览器,访问
chrome://inspect,点击“Open dedicated DevTools for Node”。 - 在DevTools中设置断点、查看变量、单步执行。
二、Visual Studio Code(推荐,支持前端/服务端)
- 安装配置:
- 安装VSCode及Node.js扩展。
- 点击左侧“Run and Debug”,选择“Node.js”环境,生成
launch.json并指定代码文件路径。
- 启动调试:
- 在代码中点击行号添加断点,按F5或点击绿色“Run”按钮。
- 支持实时调试,可查看变量、调用堆栈等。
三、浏览器开发者工具(适合前端代码)
- 直接调试:
- 打开Chrome/Firefox,按F12进入开发者工具,切换到“Sources”或“调试器”标签。
- 在代码中添加断点,刷新页面触发调试。
四、第三方工具(可选)
- ndb:基于Chrome DevTools,支持更高级功能,如
ndb your_script.js。 - WebStorm:集成调试器,适合复杂项目。
根据需求选择工具,服务端优先用Node.js内置调试器或VSCode,前端直接使用浏览器开发者工具即可。