在Ubuntu中调试JS代码,可根据场景选择以下方法:
一、浏览器开发者工具(前端调试)
- 适用场景:调试浏览器端JavaScript(如网页交互、前端框架)。
- 操作步骤:
- 打开Chrome/Firefox,按
F12或右键选择“检查”打开开发者工具。
- 切换到“Sources”(Chrome)或“调试器”(Firefox)选项卡,找到需调试的JS文件。
- 点击行号添加断点,刷新页面或触发事件,程序会在断点处暂停,可查看变量、调用堆栈等信息。
二、Node.js内置调试器(后端/服务端调试)
- 适用场景:调试Node.js运行的服务器端JS代码。
- 操作步骤:
- 在代码中添加
debugger;语句(需在调试模式下生效)。
- 终端运行
node inspect your_script.js启动调试模式。
- 打开Chrome浏览器,访问
chrome://inspect,点击“Open dedicated DevTools for Node”连接调试器,可设置断点、单步执行等。
三、Visual Studio Code(推荐,支持前后端)
- 适用场景:通用型代码编辑器,支持前端、Node.js及混合调试。
- 操作步骤:
- 安装VSCode,打开项目文件夹,点击左侧“Run and Debug”图标。
- 点击“创建launch.json文件”,选择对应环境(如“Node.js”或“Chrome”)。
- 在代码中点击行号添加断点,按
F5启动调试,支持断点、变量监控、调用堆栈查看等功能。
四、辅助工具与技巧
- 日志输出:使用
console.log()或第三方日志库(如Winston)打印关键信息,辅助定位问题。
- 查看系统日志:通过
journalctl或/var/log目录下的日志文件,排查服务端运行异常。
- 远程调试:若需调试远程服务器,可通过SSH端口转发或配置CDP(Chrome DevTools Protocol)连接。
根据具体需求选择工具,优先使用VSCode或浏览器开发者工具,操作简单且功能强大。