Ubuntu 下常用的 JavaScript 调试工具与方法
一 浏览器前端调试
- 使用 Chrome/Chromium 开发者工具：在 Ubuntu 中打开 Chrome，按 F12 或 Ctrl+Shift+I 进入开发者工具；在 Console 面板查看报错与 console.log 输出，在 Sources 面板设置断点、单步执行、观察作用域变量；在 Network 面板排查请求状态与响应数据。适合调试页面内联或本地服务器托管的 HTML/JS/CSS。
- 使用 VSCode 调试前端：安装并启用 JavaScript Debugger 扩展；在项目中创建 .vscode/launch.json，选择 Chrome 类型并配置本地服务地址（如 http://localhost:5500/index.html），按 F5 启动调试，即可在 VSCode 中命中断点、查看变量与调用堆栈。适合一体化开发体验与断点联动。
二 Node.js 后端调试
- 使用 Node.js 内置调试：在终端运行 node --inspect app.js 或 node --inspect-brk app.js（后者会在首行暂停）；随后在 Chrome 打开 chrome://inspect，在 Remote Target 中点击 Inspect 进入 DevTools 的 Sources 面板进行断点、单步、观察表达式等操作。
- 使用 VSCode 调试 Node.js：在 VSCode 调试视图创建 launch.json，选择 Node.js 类型，指定入口文件（如 “program”: “${workspaceFolder}/app.js”），按 F5 启动即可在编辑器内完成断点调试、变量/监视/调用堆栈查看。
三 远程与系统级调试
- 远程调试 Chrome 实例：在目标机器或容器中以 google-chrome --remote-debugging-port=9222 启动 Chrome；访问 http://localhost:9222/json 可获取调试目标与 WebSocket 地址；如需从开发机连接，可结合 SSH 端口转发 将远端 9222 映射到本地，再在本地 chrome://inspect 发现并调试该实例（适合服务器或无头环境）。
- 系统日志与故障排查：若 Node.js 以服务方式运行，使用 journalctl -u your-service-name -f 实时查看服务日志；前端或 Node 产生的日志也可写入文件（如 /var/log/ 或应用目录），用 tail -f 跟踪；必要时配合 top/htop、df -h、du -sh 检查资源与磁盘，或用 Sentry/Bugsnag 等错误追踪系统获取堆栈与上下文。
四 高效调试技巧
- 结构化日志：在 Node.js 中使用 winston 或 pino 输出 JSON 日志、按级别分流到不同文件（如 error.log、combined.log），便于检索与告警；前端可在关键路径补充 console.error/console.table/console.dir 提升可读性。
- 条件断点与观察表达式：在 DevTools 或 VSCode 对断点设置条件（如仅当 userId === 123 时中断），并在监视面板跟踪表达式或对象属性变化，快速定位复杂状态问题。