在Ubuntu上進行JavaScript調試,你可以使用以下幾種方法:
使用瀏覽器開發者工具
-
Chrome:
- 打開Chrome瀏覽器,訪問你的網站或應用。
- 右鍵點擊頁面,選擇“檢查”(Inspect),或者按F12鍵打開開發者工具。
- 點擊開發者工具頂部的“Sources”選項卡。
- 在左側的文件列表中,找到你的JavaScript文件并點擊它。
- 在代碼中添加斷點,只需點擊行號即可。
- 刷新頁面或觸發相應的事件,當代碼執行到斷點處時,瀏覽器會暫停執行,你可以查看變量值、調用堆棧等信息。
- 使用開發者工具頂部的控制按鈕(如繼續、單步跳過、單步進入、單步跳出)來控制代碼的執行。
-
Firefox:
- 打開Firefox瀏覽器,訪問你的網站或應用。
- 右鍵點擊頁面,選擇“檢查元素”(Inspect Element),或者按F12鍵打開開發者工具。
- 點擊開發者工具頂部的“調試器”選項卡。
- 在左側的文件列表中,找到你的JavaScript文件并點擊它。
- 在代碼中添加斷點,只需點擊行號即可。
- 刷新頁面或觸發相應的事件,當代碼執行到斷點處時,瀏覽器會暫停執行,你可以查看變量值、調用堆棧等信息。
- 使用開發者工具頂部的控制按鈕(如繼續、單步跳過、單步進入、單步跳出)來控制代碼的執行。
使用Node.js內置的調試器
- 在你的JavaScript文件中,添加
debugger;
語句來設置斷點。
- 通過命令行運行Node.js調試器,指定你的JavaScript文件:
node inspect your_script.js
- 調試器會在遇到
debugger;
語句時暫停執行。此時,你可以使用Chrome DevTools協議命令或者內置的調試命令來控制代碼的執行。
使用Visual Studio Code(VSCode)
- 在VSCode中打開你的項目文件夾。
- 確保你已經安裝了Node.js擴展。
- 在VSCode左側的側邊欄中,點擊“運行和調試”圖標(一個三角形和一個蟲子的圖標)。
- 點擊“創建launch.json文件”,選擇“Node.js”環境。
- VSCode會為你生成一個
launch.json
文件,其中包含調試配置。你可以根據需要進行修改。
- 在你的JavaScript文件中添加斷點,只需點擊行號即可。
- 點擊側邊欄中的“運行和調試”圖標,然后點擊綠色的三角形按鈕開始調試。VSCode會自動啟動Node.js應用并在斷點處暫停執行。
使用Chrome DevTools進行遠程調試
- 在終端中,使用以下命令啟動Node.js應用程序并啟用調試器:
node --inspect app.js
或者node --inspect-brk app.js
- 打開Chrome瀏覽器,訪問
chrome://inspect
。
- 在“Remote Target”部分,你應該能看到你的Node.js進程。
- 點擊“inspect”鏈接,打開Chrome DevTools進行調試。
使用其他調試工具
這些方法可以幫助你在Ubuntu上進行JavaScript代碼調試。你可以根據自己的需求和喜好選擇合適的方法。