使用chrome浏览器调试electron主进程

获取electron的架构信息和版本信息

该程序为32位,node的版本为16.13.0,electron的版本为17.1.2

如何获取架构信息和版本信息请点击获取electron的架构信息和版本信息

下载和安装对应版本的nodeelectron

image
node的安装目录设置到环境变量
image
配置electron下载源

npm config set ELECTRON_MIRROR https://npm.taobao.org/mirrors/electron/

cd到解压后的文件夹,安装electron

npm install electron@17.1.2

使用调试模式打开应用

.\node_modules\.bin\electron . --inspect-brk

image

使用chrome浏览器附加程序

在浏览器输入:chrome://inspect/#devices,配置监听的端口,启动程序后,下方的Remote Target列表里就会出现我们要调试的electron程序。

image

点击inspect
image

加载源码

初次进入需要添加源码路径,如下图:
image

开始调试

程序会在electron入口点断下
打开package.js
image
在入口js文件,打断点,或者添加debugger
image
现在可以尽情调试了electron应用的主进程了

posted @ 2023-03-06 01:03  乘舟凉  阅读(970)  评论(0编辑  收藏  举报