在Ubuntu上調試JavaScript代碼,可根據場景選擇以下方法:
一、Node.js內置調試器(適合服務端代碼)
- 添加斷點:在代碼中插入
debugger;語句。
- 啟動調試:終端運行
node --inspect your_script.js(--inspect-brk可在啟動時暫停)。
- 連接調試工具:
- 打開Chrome瀏覽器,訪問
chrome://inspect,點擊“Open dedicated DevTools for Node”。
- 在DevTools中設置斷點、查看變量、單步執行。
二、Visual Studio Code(推薦,支持前端/服務端)
- 安裝配置:
- 安裝VSCode及Node.js擴展。
- 點擊左側“Run and Debug”,選擇“Node.js”環境,生成
launch.json并指定代碼文件路徑。
- 啟動調試:
- 在代碼中點擊行號添加斷點,按F5或點擊綠色“Run”按鈕。
- 支持實時調試,可查看變量、調用堆棧等。
三、瀏覽器開發者工具(適合前端代碼)
- 直接調試:
- 打開Chrome/Firefox,按F12進入開發者工具,切換到“Sources”或“調試器”標簽。
- 在代碼中添加斷點,刷新頁面觸發調試。
四、第三方工具(可選)
- ndb:基于Chrome DevTools,支持更高級功能,如
ndb your_script.js。
- WebStorm:集成調試器,適合復雜項目。
根據需求選擇工具,服務端優先用Node.js內置調試器或VSCode,前端直接使用瀏覽器開發者工具即可。