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

前言

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

起手式

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

1
2
3
4
5
6
7
8
9
var a = 1;
debugger
var b = 'Ray';
debugger
function sayHi() {
console.log('Hello' + b);
}
debugger
sayHi();

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

透過 Chrome devtools debug

準備好起手式之後就準備來輸入以下指令在 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 相關指令參考連結

调试指南

Liker 讚賞 (拍手)

如果這一篇筆記文章對你有幫助,希望可以求點支持或 牡蠣 鼓勵 (ノД`)・゜・。

Liker 是一個按讚(拍手)的讚賞機制,每一篇文章最多可以按五下(拍手),按讚過程你是完全不用付費的(除非你想要每個月贊助我 :D),你只需要登入帳號就可以開始按讚。
而 Liker 會依據按讚數量分配獎金給創作者,所以如果你願意按個讚我會非常感謝你唷。

Google AD

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