Debian上JS調試技巧有哪些

在Debian系統上調試JavaScript代碼有多種方法，以下是一些常用的調試技巧和工具：

使用瀏覽器開發者工具

• Chrome：

  1. 打開Chrome瀏覽器，訪問你的網站或應用。
  2. 右鍵點擊頁面元素，選擇“檢查”(Inspect)，或者按F12鍵打開開發者工具。
  3. 點擊開發者工具頂部的“Sources”選項卡。
  4. 在左側面板中，你可以看到項目中的JavaScript文件。點擊文件名，可以在右側面板中查看和編輯代碼。
  5. 在代碼中添加斷點，方法是在代碼行號左側單擊。
  6. 刷新頁面或觸發相關事件，當代碼執行到斷點處時，瀏覽器會暫停執行，你可以查看變量值、調用堆棧等信息。

• Firefox：

  1. 打開Firefox瀏覽器，訪問你的網站或應用。
  2. 右鍵點擊頁面元素，選擇“檢查元素”(Inspect Element)，或者按F12鍵打開開發者工具。
  3. 使用類似Chrome的步驟來調試JavaScript代碼。

使用Node.js調試器

• Node.js內置調試器：

  1. 在你的JavaScript文件中，添加 debugger; 語句。
  2. 打開終端，運行 node inspect your_script.js（將 your_script.js 替換為你的文件名）。
  3. 使用調試命令（如 cont（繼續）、step（單步執行）、next（下一步）等）控制代碼執行。
  4. 查看變量值、調用堆棧等信息。

• Chrome DevTools：

  1. 使用 --inspect 標志運行Node.js應用程序，例如：node --inspect server.js。
  2. 在Chrome瀏覽器中打開 chrome://inspect，點擊“為Node打開專用DevTools”按鈕，然后點擊“添加連接”并匹配Node.js監聽的端口。
  3. 在DevTools中，你可以設置斷點、查看變量、單步執行代碼等。

使用IDE或文本編輯器

• Visual Studio Code：
  1. 在項目根目錄下創建 .vscode/launch.json 文件，配置調試任務。

     {
       "version": "0.2.0",
       "configurations": [
         {
           "type": "node",
           "request": "launch",
           "name": "Debug Node.js",
           "program": "{workspaceFolder}/server.js"
         }
       ]
     }
     

  2. 按F5啟動調試，設置斷點并逐步執行代碼。

其他調試技巧

• 使用 console.log()：這是最基本但經常被低估的調試工具。策略性地使用 console.log() 可能會非常有效。
• 使用 debug 模塊：debug 模塊是Node.js中常用的日志工具，可以通過環境變量的形式細粒度地控制打印哪些日志。例如：

  const debug = require('debug')('app');
  debug('hello');
  

  運行時，需要設置 DEBUG 環境變量：DEBUG=app node app.js。
• 使用日志記錄到文件：為了將應用運行的日志做持久化處理，可以使用如 pino 這樣的高性能日志模塊將日志輸出到文件。

通過這些方法，你可以在Debian上高效地調試JavaScript代碼，選擇適合你工作流程的工具和方法進行調試。