Electron
浏览器窗口的开发工具 devtools
只能调试在该窗口中执行的 JavaScript
(比方 web
页面)。要调试在主过程中执行的 JavaScript
,咱们须要应用内部调试器。Electron
提供了 --inspect
和 --inspect-brk
开关来实现这一操作。
命令行开关
咱们能够应用如下的命令行开关来调试 Electron
的主过程。
--inspect=[port]
:当这个开关用于Electron
时,它将会监听V8
引擎中无关port
的调试器协定信息,默认的port
的值为5858
。例如上面这个命令:
electron --inspect=5858 .src/main.js
--inspect-brk=[port]
:和--inspector
一样,然而会在JavaScript
脚本的第一行暂停运行。
主过程调试
在根目录下增加一个 .vscode/launch.json
文件并应用以下配置:
{
"version": "0.2.0",
"configurations": [
{
"name": "Debug Main Process",
"type": "node",
"request": "launch",
"cwd": "${workspaceRoot}",
"runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron",
"windows": {"runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron.cmd"
},
"args": ["."],
"outputCapture": "std"
}
]
}
而后在 VSCode
中找到如下所示图标,点击右上角的设置,会关上新建的 launch.json
文件,如下图:
而后点击左上角的绿色三角形按钮:
接着在 main.js
主过程中进行断点调试即可: