Good News： 現在我們可以用瀏覽器調試node.js了!!!
前提
- Node.js 6.3+, 這個可上Node.js官網自行下載；
- Chrome 55+. 如果您本地的chrome升級到最新版后還是<55, 可以從此處下載：Chrome Canary，親測可行。
配置
就目前來說，在瀏覽器端並行調試JavaScript與Node.js還屬於新特性，新體驗。為了能夠正常使用，你還需要做如下配置：
- 輸入url：chrome://flags/#enable-devtools-experiments. 注：如果使用中文版Chrome，顯示的配置項名稱應該為：
開發者工具實驗性功能,如下圖;
- 啟用它;
- 重啟Chrome;
- 打開 DevTools Setting -> Experiments 頁卡;
- 找到 Node debugging , 勾選.
最后應該能看到類似下圖，表示環境已准備好:
調試
調試很簡單，像普通的js文件一樣，利用DevTools進行斷點調試.
運行Node.js app
需要在debug模式下運行Node.js應用，很簡單，只要添加 –inspect 參數即可。
1 |
node --inpect server.js |
注：server.js 為我自己的應用文件，自定義，下圖中為’ node.js ‘。如果順利的話，應該能看到類似下圖信息：
運行后，可以看到在 DevTools -> Sources 有 server.js 應用：
展開后，可以查看當前node應用的js文件，至此，您已經可以利用Chrome進行並行調試操作了。
最后
使用此新版Chrome，還有許多其他的功能，比如在調試期間修改文件內容、保存文件快照等。
最后的最后，感謝原作者 Serg Hospodarets 的分享，Thank You!