使用Chrome DevTools調試Nodejs

事實上chrome devtools在2016年5月就已經支持Nodejs的調試了，具體能夠觀看英文原版Google I/O上的視頻

第一步：下載和安裝最新版本的Nodejs(要求6.3.0及以上)

第二步：增長--inspect來運行node

node --inspect index.js

固然你也能夠在代碼開始的時候斷點:

node --inspect --debug-brk index.js

不過使用命令行的斷點功能仍是比較艱難的，本人通常不使用。
接着你就能夠打開一個長長的以chrome-devtools://開頭的URL...不過你如今不須要這樣幹了，有更好的方法。

第三步：在chrome打開about:inspect

在地址欄輸入並回車後就會看到如下頁面了：

點擊inspect上面的連接跳轉到調試頁面

你會看到一個調試當前nodejs代碼的彈窗。
更好的體驗是，當你的nodejs重啓後，這個調試窗口會從新鏈接。

從上圖，你會看到一堆常常用到的調試工具。

• 完整而且好用的斷點工具；

• 經過source map看到源碼；

• js熱更新，修改後即時生效;

• 控制檯支持es6特性，完美支持對象查看（這個功能很感人呀）；

• 簡化js的採樣及調優；

• 支持堆快照檢查，堆分配時間線，分配分析（方便內存的調優）

• 支持原生的異步堆棧；

PS: 很是遺憾的是devtools並不支持查看Nodejs發出的網絡請求(即network)，不過仍是有辦法能夠解決的，之後再發文細講這部分。

以上僅僅是簡單的介紹，若是想了解更多，能夠閱讀nodejs文檔：https://nodejs.org/en/docs/in...， 其實官網關於inspector仍是太粗略了，最好能閱讀關於debugger的文檔：https://nodejs.org/dist/lates...