全端勇士之路 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 相關指令參考連結

调试指南