温馨提示×

ubuntu如何调试js代码

小樊
53
2025-08-25 21:36:35
栏目: 编程语言

在Ubuntu上调试JS代码,可根据场景选择以下方式:

一、Node.js代码调试

1. 内置调试器(Node.js CLI)

  • 步骤
    1. 在代码中添加 debugger; 语句设置断点。
    2. 终端运行:node --inspect your_script.js--inspect-brk 可在启动时暂停)。
    3. 打开Chrome,访问 chrome://inspect,点击“Open dedicated DevTools for Node”即可调试。

2. Visual Studio Code(推荐)

  • 步骤
    1. 安装VSCode,打开项目文件夹。
    2. 点击左侧“Run and Debug”,选择“Node.js”环境,配置 launch.json(指定入口文件)。
    3. 在代码行号左侧点击添加断点,按F5启动调试,支持单步执行、变量查看等。

二、浏览器端JS调试

1. Chrome/Firefox开发者工具

  • 步骤
    1. 打开浏览器,按F12或右键“检查”进入开发者工具。
    2. 切换到“Sources”(Chrome)或“Debugger”(Firefox)选项卡。
    3. 在代码中添加断点,刷新页面或触发事件即可调试。

三、远程调试(可选)

  • 若需调试远程服务器上的Node.js代码:
    1. 服务器端运行:node --inspect=0.0.0.0:9229 your_script.js(开放端口)。
    2. 本地通过SSH隧道连接:ssh -L 9221:localhost:9229 user@server_ip
    3. 本地Chrome访问 chrome://inspect/#devices,配置远程地址调试。

工具推荐

  • 开发阶段:VSCode(图形化断点、变量监控,适合复杂逻辑)。
  • 快速定位console.log(简单直接,适合临时调试)。
  • 生产环境debug模块(模块化日志,避免侵入代码)。

根据需求选择合适方式,VSCode和Chrome DevTools为最常用方案。

0