Electron 教程:调试程序
我们的Electron程序有两个运行进程:主进程和渲染器进程。
由于渲染器进程是在我们的浏览器窗口中执行的,我们可以使用Chrome开发工具来调试它。要打开开发工具,请使用快捷键“Ctrl+Shift+I”或<F12>键。您可以在这里查看如何使用devtools。
当您打开开发工具时,您的应用程序将如下图所示
调试主进程
Electron窗口中的开发工具只能调试在该窗口(即网页)中执行的JavaScript。要调试在主进程中执行的JavaScript,您需要使用外部调试器,并使用- debug或- debug-brk开关启动Electron。
Electron将监听指定端口上的V8调试器协议消息;外部调试器需要在此端口上连接。默认端口是5858。
使用以下方式运行您的应用程序
$ electron --debug = 5858 ./main.js
现在你需要一个支持V8调试器协议的调试器。为此,您可以使用VSCode或node检查器。例如,让我们遵循这些步骤并为此目的设置VSCode。按照以下步骤进行设置
下载并安装VSCode。用VSCode打开你的Electron项目。
添加文件。具有以下配置的vscode/launch.json
{ "version": "1.0.0", "configurations": [ { "name": "Debug Main Process", "type": "node", "request": "launch", "cwd": "${workspaceRoot}", "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron", "program": "${workspaceRoot}/main.js" } ] }
注意-对于Windows,请使用“${workspaceRoot}/node_modules/”。bin/electronic . cmd " for RuntimeExecutable。
在main.js中设置一些断点,在Debug视图中开始调试。当你点击断点时,屏幕看起来像这样.
VSCode调试器非常强大,将帮助您快速纠正错误。你还有其他选项,比如调试电子应用的节点检查器。