使用Chrome DevTools調試Node.js應用【純技術】

• 2019 年 10 月 4 日
• 筆記

當我們進行編程時，通常需要快速測試並使用一段程式碼進行一些實驗。

使用客戶端程式碼，可以輕鬆開始調試某些程式碼 – 只需在任何頁面上打開Chrome DevTools，然後開始編寫客戶端JavaScript。

我們如何使用Node.js程式碼執行相同的操作，並調試可以訪問文件系統和其他Node.js功能的Node模組？實際上，它非常簡單。

打開終端並運行

node --inspect

然後在Chrome中輸入以下網址：about://inspect。

單擊Open dedicated DevTools for NodeNode目標旁邊的鏈接，您將可以在瀏覽器DevTools中訪問Node.js：

確保你點擊它，而不是inspect下面的鏈接，因為當我們重新啟動它時工具自動重新連接到Node.js實例 – 非常方便！

如果問題是為什麼我們要做到這一點，這是很簡單的：有沒有更好的方法來調試任何JavaScript程式碼比使用DevTools和他們的工具。我們可以訪問探查器，所有堆棧可視化資訊，程式碼導航工具，非常酷的調試器等等！