在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

終於能快樂的調試了！