ubuntu中js調試技巧有哪些

以下是Ubuntu中調試JavaScript的常用技巧：

一、Node.js代碼調試

1. 內置調試器（Node.js CLI）

   • 在代碼中添加 debugger; 語句設置斷點。
   • 終端運行：node --inspect your_script.js（--inspect-brk 可在首行暫停）。
   • 打開Chrome瀏覽器，訪問 chrome://inspect，點擊 Open dedicated DevTools for Node，即可查看變量、單步執行等。

2. Visual Studio Code（VSCode）

   • 安裝后打開項目，點擊左側 Run and Debug → create a launch.json file，選擇 Node.js 環境。
   • 配置 program 為代碼路徑，runtimeArgs 可添加 --inspect-brk。
   • 點擊綠色三角按鈕啟動調試，支持斷點、變量監控、調用棧跟蹤等。

二、瀏覽器端JavaScript調試

1. Chrome/Firefox開發者工具

   • 打開瀏覽器，按 F12 或右鍵 檢查 進入開發者工具。
   • 切換到 Sources（Chrome）或 調試器（Firefox）標簽，找到JS文件，點擊行號添加斷點。
   • 刷新頁面或觸發事件，可逐步執行代碼、查看變量值。

2. 遠程調試（如無UI環境）

   • 啟動無頭瀏覽器并開啟遠程調試端口（如Chromium）：

     chromium-browser --headless --no-sandbox --remote-debugging-port=9222
     

   • 通過 chrome://inspect 或工具（如Selenium）連接遠程端口調試。

三、其他工具與技巧

• Node.js第三方調試工具：如 ndb（基于Chrome DevTools，支持更高級功能）。
• 日志調試：通過 console.log 或 util.inspect 輸出變量信息，輔助定位問題。
• 性能分析：使用Chrome DevTools的 Performance 面板錄制代碼執行情況，優化性能瓶頸。