- Notifications
You must be signed in to change notification settings - Fork8
ChromeDevToolsDebuggingWithNodeInspector
uupaa edited this pageMay 31, 2015 ·6 revisions
node-inspector とnpm run noded コマンドを使うと、node.js 上で動作するモジュールをブラウザの DevTools でビジュアルにデバッグできます。
node-inspector を使うと、ブレークポイントの設定や、変数の watch が可能になり、デバッグの効率が上がります。
node-inspector の使い方 も参照してください。
停止してほしい場所にdebugger; を追加します。必要に応じてconsole.dir(object); なども追加すると良いでしょう。
functionfoo(param){param=param||{};vardata=NodeModule_collectPackageData(param);// { json, tree, list }NodeModule_removeDevToolModules(data);vartree=NodeModule_resolveDependencyTree(data);varfiles=NodeModule_createSortedFileList(data,param["develop"] ?tree["develop"] :tree["release"]);debugger;console.log("\u001b[31m"+"data: "+JSON.stringify(data,null,2));console.log("\u001b[33m"+"tree: "+JSON.stringify(tree,null,2));console.log("\u001b[32m"+"files: "+JSON.stringify(files,null,2)+"\u001b[0m");returnfiles;// { all, node, worker, browser }}
ターミナルを一つ開き、$ node-inspector を実行します(このコマンドを実行したターミナルは実行中のままになります)。
$ node-inspector> Node Inspector v0.7.3> Visit http://127.0.0.1:8080/debug?port=5858 to start debugging.
node-inspector を起動したまま、
npm run noded を実行します
$ npm run noded
Chrome のタブを一つ開き、http://127.0.0.1:8080/debug?port=5858 にアクセスします
これにより、DevTools 上で、Node.js のコードをステップ実行する環境が整います。