Node.jsをChrome DevToolsでデバッグする方法

1713 ワード
デバッグ ChromeDevTool Node.js Node.js テキストリンク

Node.js は標準で Chrome DevTools と接続しデバッグする機能が付いています
普段から使っている Chrome DevTools と同じ感覚で使えます
ヒープメモリのスナップショットも取れるためメモリリーク調査にとても便利だったのでやり方をまとめておきます

対応バージョン

  • node v6.3.0以上

やり方

1. node を --inspect オプションをつけて起動する

node --inspect index.js

2. Chrome で chrome://inspect を開く

こんな画面が開きます
うまく動いていると Remote Target の下に認識しているアプリケーションが表示されます

3. Open dedicated DevTools for Node をクリック

いつもの Chrome DevTools が開きます

4. デバッグする

ヒープメモリのスナップショットをとったり色々できます

参考

https://nodejs.org/en/docs/guides/debugging-getting-started/
https://medium.com/@paul_irish/debugging-node-js-nightlies-with-chrome-devtools-7c4a1b95ae27