在Chrome DevTools調試node

在記錄這篇博文時，自己嘗試了很多遍

node --inspect index.js

開啟node調試，可是結果卻是在chrome控制台的source中是空的，沒有項目的檔案，當時很納悶。

1. 第一步啟動服務

   node --inspect index

   

2. 第二步在chrome輸入

   localhost:8000

   

3. 第三步點選上圖圓圈的标志

   

   打開後發現啥都沒有。（我的代碼哪去了？）

最後讓同學試試起一個node服務，他的成功了

這裡我看看他的url，注意到是

chrome-devtools://devtools/bundled/...

,和我的不一樣啊，原來是node的版本不同造成的。

低版本的node，例如

7.3.0

, 執行

node --inspect index

之後直接給出了url：

chrome-devtools://devtools/bundled/js_app.html?experiments=true&v8only=true&ws=127.0.0.1:9229/177987ab-1d16-4ea6-afcc-c11c0a1bb9e9

高版本的node，我的是

10.6.0

，執行

node --inspect index

後，給的是ws協定

ws://127.0.0.1:9229/2ec1a187-69d1-4773-a4e1-72eb8a07506f

解決方法：可以看到ws協定的位址是

127.0.0.1:9229

, 在浏覽器輸入

127.0.0.1:9229/json

，可以看到下圖

最後在chrome輸入上圖圈出來的url

終于能快樂的調試了！