在Ubuntu上调试JS代码,可根据场景选择以下方式:
一、Node.js代码调试
1. 内置调试器(Node.js CLI)
- 步骤:
- 在代码中添加
debugger;
语句设置断点。
- 终端运行:
node --inspect your_script.js
(--inspect-brk
可在启动时暂停)。
- 打开Chrome,访问
chrome://inspect
,点击“Open dedicated DevTools for Node”即可调试。
2. Visual Studio Code(推荐)
- 步骤:
- 安装VSCode,打开项目文件夹。
- 点击左侧“Run and Debug”,选择“Node.js”环境,配置
launch.json
(指定入口文件)。
- 在代码行号左侧点击添加断点,按F5启动调试,支持单步执行、变量查看等。
二、浏览器端JS调试
1. Chrome/Firefox开发者工具
- 步骤:
- 打开浏览器,按F12或右键“检查”进入开发者工具。
- 切换到“Sources”(Chrome)或“Debugger”(Firefox)选项卡。
- 在代码中添加断点,刷新页面或触发事件即可调试。
三、远程调试(可选)
- 若需调试远程服务器上的Node.js代码:
- 服务器端运行:
node --inspect=0.0.0.0:9229 your_script.js
(开放端口)。
- 本地通过SSH隧道连接:
ssh -L 9221:localhost:9229 user@server_ip
。
- 本地Chrome访问
chrome://inspect/#devices
,配置远程地址调试。
工具推荐
- 开发阶段:VSCode(图形化断点、变量监控,适合复杂逻辑)。
- 快速定位:
console.log
(简单直接,适合临时调试)。
- 生产环境:
debug
模块(模块化日志,避免侵入代码)。
根据需求选择合适方式,VSCode和Chrome DevTools为最常用方案。