全端勇士之路 Node.js 基礎學習-debugger

發表於 2019-06-27 分類於 Nodejs

撰寫一篇文章其實真的很花時間，如果你願意「關閉 Adblock (廣告阻擋器)」來支持我的話，我會非常感謝你ヽ(・∀・)ﾉ

這篇筆記文章如果對你有幫助，
你可以考慮花 30 秒登入 LikeCoin 並點擊下方拍手按鈕(最多五下)免費支持與鼓勵我。
或者你可以也可以請我「喝一杯咖啡(Donate)」。

｜

接下來講講 Node.js 中的 debug 方式，其中我們最常見的就是使用 console.log() 這個方法，但是有時候我們一直打 console.log() 也是滿麻煩的，所以講講 Node.js 另一種 debug 的方式

前言

首先我們先將 all.js 內容調整修改一下

var a = 1;
debugger
var b = 'Ray';
debugger
function sayHi() {
  console.log('Hello' + b);
}
debugger
sayHi();

稍微講解一下裡面 debugger 這個東西，這個東西的意思就是設中斷點，意旨執行到這邊停下來一下

準備好起手式之後就準備來輸入以下指令在 Chrome devtools 上 debug 吧!

1	node --inspect --debug-brk all.js

輸入完畢後你應該會看到這個畫面

node

只需要將這一段 127.0.0.1:9229/aba59440-a81e-4757-9e43-29b304426939 複製下來貼到瀏覽器上

node

請貼到 Chrome 上，不要貼到其他瀏覽器~

接下來你會看到這個畫面，點一下左上角綠色方塊

Chrome

按下去後你就進入 debug 模式啦~

debug

然後可以點一下旁邊這些按鈕慢慢看執行變化

執行變化

由於 Node 7 版本以上後不需要再撰寫 --debug-brk，只需要這樣寫就好了

1	node --inspect-brk all.js

這邊順便附上 --inspect 相關指令參考連結