Electron 中文文档 Electron 主进程调试

2024-02-26 开发教程 Electron 中文文档匿名 3℃

浏览器窗口的开发工具仅能调试渲染器的进程脚本（比如 web 页面）。为了提供一个可以调试主进程的方法，Electron 提供了 --debug和 --debug-brk开关。

命令行开关

使用如下的命令行开关来调试 Electron 的主进程：

`--debug=[port]`

当这个开关用于 Electron 时，它将会监听 V8 引擎中有关 port的调试器协议信息。默认的 port是 5858。

`--debug-brk=[port]`

就像 --debug一样，但是会在第一行暂停脚本运行。

使用 node-inspector 来调试

备注： Electron 目前对 node-inspector 支持的不是特别好，如果你通过 node-inspector 的 console 来检查 process对象，主进程就会崩溃。

1. 确认你已经安装了 node-gyp 所需工具

2. 安装 node-inspector

$ npm install node-inspector

3. 安装 `node-pre-gyp`的一个修订版

$ npm install git+https://git@github.com/enlight/node-pre-gyp.git#detect-electron-runtime-in-find

4. 为 Electron 重新编译 `node-inspectorv8`模块（将 target 参数修改为你的 Electron 的版本号）

$ node_modules/.bin/node-pre-gyp --target=0.36.2 --runtime=electron --fallback-to-build --directory node_modules/v8-debug/ --dist-url=https://atom.io/download/atom-shell reinstall
$ node_modules/.bin/node-pre-gyp --target=0.36.2 --runtime=electron --fallback-to-build --directory node_modules/v8-profiler/ --dist-url=https://atom.io/download/atom-shell reinstall

[How to install native modules][how-to-install-native-modules].

5. 打开 Electron 的调试模式

你也可以用调试参数来运行 Electron ：

$ electron --debug=5858 your/app

或者，在第一行暂停你的脚本：

$ electron --debug-brk=5858 your/app

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

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

7. 加载调试器界面

在 Chrome 中打开 http://127.0.0.1:8080/debug?ws=127.0.0.1:8080&port=5858

上一节： Electron 使用原生模块

下一节： Electron 使用 Selenium 和 WebDriver

"Electron 中文文档"的目录