在Debian環境下調試JavaScript代碼,可根據開發場景選擇以下方法:
一、瀏覽器開發者工具(前端調試)
- 適用場景:調試瀏覽器端JavaScript(如網頁交互邏輯)。
- 操作步驟:
- 打開Chrome/Firefox,按
F12或右鍵選擇“檢查”打開開發者工具。
- 切換到“Sources”(Chrome)或“Debugger”(Firefox)標簽頁。
- 在代碼中點擊行號添加斷點,刷新頁面或觸發事件,程序會在斷點處暫停,可查看變量值、調用堆棧等。
二、Node.js內置調試器(后端/服務端調試)
- 適用場景:調試Node.js服務端代碼或命令行工具。
- 操作步驟:
- 啟動調試模式:在終端運行
node --inspect-brk your_script.js(--inspect-brk會在代碼首行暫停,--inspect則直接運行至斷點)。
- 連接調試工具:
- 打開Chrome瀏覽器,訪問
chrome://inspect,點擊“Open dedicated DevTools for Node”,即可調試。
- 或在VS Code中配置
launch.json(選擇“Node.js”環境),通過“附加到進程”方式連接。
三、集成開發環境(IDE)調試
- 推薦工具:Visual Studio Code、WebStorm。
- 操作步驟(以VS Code為例):
- 安裝VS Code,打開項目后點擊左側“運行和調試”圖標。
- 點擊“創建launch.json文件”,選擇“Node.js”環境,配置入口文件路徑。
- 在代碼中添加斷點,點擊綠色“運行”按鈕啟動調試,支持單步執行、查看變量等操作。
四、輔助調試方法
- 日志輸出:在代碼中添加
console.log()語句,快速查看變量值或執行流程。
- 第三方庫:使用
winston、bunyan等日志庫記錄更詳細的運行信息。
說明:前端調試直接通過瀏覽器開發者工具即可;后端或復雜項目優先使用Node.js內置調試器或VS Code,支持斷點、變量監控等高級功能。