ubuntu中js调试技巧有哪些

以下是Ubuntu中调试JavaScript的常用技巧：

一、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 → create a launch.json file，选择 Node.js 环境。
   • 配置 program 为代码路径，runtimeArgs 可添加 --inspect-brk。
   • 点击绿色三角按钮启动调试，支持断点、变量监控、调用栈跟踪等。

二、浏览器端JavaScript调试

1. Chrome/Firefox开发者工具

   • 打开浏览器，按 F12 或右键 检查 进入开发者工具。
   • 切换到 Sources（Chrome）或 调试器（Firefox）标签，找到JS文件，点击行号添加断点。
   • 刷新页面或触发事件，可逐步执行代码、查看变量值。

2. 远程调试（如无UI环境）

   • 启动无头浏览器并开启远程调试端口（如Chromium）：

     chromium-browser --headless --no-sandbox --remote-debugging-port=9222
     

   • 通过 chrome://inspect 或工具（如Selenium）连接远程端口调试。

三、其他工具与技巧

• Node.js第三方调试工具：如 ndb（基于Chrome DevTools，支持更高级功能）。
• 日志调试：通过 console.log 或 util.inspect 输出变量信息，辅助定位问题。
• 性能分析：使用Chrome DevTools的 Performance 面板录制代码执行情况，优化性能瓶颈。