尽管node-inspector 已经提供了一个熟悉的调试器 GUI 即可在 Chrome 中来调试 Electron 的主进程, 但因为 node-inspector 依赖于一些必须重新编译的原生 Node 模块.
所以你需要重编译所调试的Electron版本.你可以重建 node-inspector 依赖项, 或直接使用 electron-inspector 重建.在使用 electron-inspector时需要注意的是,有时它可能无法修补依赖关系.

使用 electron-inspector 进行调试

1. 安装 node-gyp required tools​

2. 安装 electron-rebuild​

1
npm install electron-rebuild --save-dev
Copied!

3. 安装 electron-inspector​

1
npm install electron-inspector --save-dev
Copied!

4. 启动 Electron

用 --debug 参数来运行 Electron:
1
electron --debug=5858 your/app
Copied!

或者，在第一行暂停脚本:
1
electron --debug-brk=5858 your/app
Copied!

5. 启动 electron-inspector

在 macOS / Linux:
1
node_modules/.bin/electron-inspector
Copied!

在 Windows:
1
node_modules\\.bin\\electron-inspector
Copied!

electron-inspector 在首次运行时，或者更改了 Electron 的版本时需要重新编译 node-inspector 的依赖关系，重新编译的过程可能需要互联网连接，并花费一些时间才能下载 Node headers 和lib。

6. 加载调试器UI

在Chrome浏览器中打开http://127.0.0.1:8080/debug?ws=127.0.0.1:8080&port=5858。如果以`--debug-brk`开头，您可能需要点击“暂停”才能强制更新UI。​

U使用node-inspector进行调试

1. 安装 node-gyp required tools​

2. 安装 node-inspector​

1
$ npm install node-inspector
Copied!

3. 安装 node-pre-gyp​

1
$ npm install node-pre-gyp
Copied!

4. 重新编译Electron的 node-inspector v8模块

注意： 将 target 参数修改为你的 Electron 的版本号
1
$ node_modules/.bin/node-pre-gyp --target=1.2.5 --runtime=electron --fallback-to-build --directory node_modules/v8-debug/ --dist-url=https://atom.io/download/atom-shell reinstall
2
$ node_modules/.bin/node-pre-gyp --target=1.2.5 --runtime=electron --fallback-to-build --directory node_modules/v8-profiler/ --dist-url=https://atom.io/download/atom-shell reinstall
Copied!

详见 如何下载原生模块。

5. 启用Electron的调试模式

您可以使用以下参数启动Electron:
1
$ electron --debug=5858 your/app
Copied!

或者，在第一行暂停脚本:
1
$ electron --debug-brk=5858 your/app
Copied!

6. 使用 Electron 开启 node-inspector 服务

1
$ ELECTRON_RUN_AS_NODE=true path/to/electron.exe node_modules/node-inspector/bin/inspector.js
Copied!

7. 加载调试器UI

在Chrome浏览器中打开http://127.0.0.1:8080/debug?ws=127.0.0.1:8080&port=5858。如果从 --debug-brk开始查看输入行，则可能需要单击暂停。