温馨提示×

ubuntu下js如何调试代码

小樊
45
2025-08-19 19:55:26
栏目: 编程语言

在Ubuntu下调试JavaScript代码,可根据场景选择以下方法:

一、Node.js内置调试器(适合服务端代码)

  1. 启动调试模式

    • 在代码中添加 debugger; 语句设置断点。
    • 终端运行:
      • node --inspect your_script.js:正常启动后等待调试器连接。
      • node --inspect-brk your_script.js:在代码首行暂停执行。
  2. 连接调试工具

    • 打开Chrome浏览器,访问 chrome://inspect,点击 “Open dedicated DevTools for Node”,即可设置断点、单步执行等。
    • 支持远程调试:若需调试服务器代码,可通过SSH隧道转发端口(如 ssh -L 9221:localhost:9229 user@server),再在Chrome中连接对应IP和端口。

二、Visual Studio Code(推荐,支持本地/远程)

  1. 配置调试环境

    • 安装VS Code后,打开项目文件夹,点击左侧 “Run and Debug” 图标。
    • 点击 “create a launch.json file”,选择 “Node.js” 环境,配置 program 为代码路径(如 "${workspaceFolder}/app.js")。
  2. 启动调试

    • 在代码行号左侧点击添加断点,点击 “Run and Debug” 面板的绿色三角按钮或按 F5 启动。
    • 支持断点、变量查看、调用栈跟踪等高级调试功能。

三、浏览器开发者工具(适合前端代码)

  • 直接在Chrome/Firefox中打开开发者工具(F12),在 “Sources”“调试器” 标签中找到JS文件,添加断点调试。
  • 适用于前端JavaScript或通过Node.js运行的前端框架(如React/Vue)。

四、其他工具

  • ndb:基于Chrome DevTools的Node.js调试器,支持更高级功能(如内存分析),安装后直接运行 ndb your_script.js
  • log调试:在代码中添加 console.log() 输出变量值,适合简单问题快速定位。

选择建议

  • 服务端代码优先用 Node.js内置调试器VS Code
  • 前端代码直接使用浏览器开发者工具。
  • 需远程调试时,结合SSH隧道使用 内置调试器ndb

0