electron如何打开调试工具
JS代码的调试
由于Chromium的多进程结构,所以JS代码运行在两种不同的进程环境下,对应的调试方式也分为两种
渲染进程下的JS代码调试
这个相对简单,我们用代码打开Chromium的开发者工具即可愉快的调试了,代码如下:
let win = new BrowserWindow()
win.webContents.openDevTools()
主进程下的JS代码调试
这部分相对麻烦些,按下面的步骤来执行:
开启命令行开关
启动electron的时候需要带上inspect开关,并配置调试端口,有两个开关,分别是--inspect=[port]
和--inspect-brk=[port]
,区别在于后者会暂停在第一行js代码
默认的调试端口是5858
这里建议写一个bat,这样需要调试的时候,双击运行bat即可,bat的内容如下:electron --inspect-brk=5858
设置chrome调试器
打开chrome,然后新开一个标签进入chrome://inspect,这里我们要先配置监听的端口,不然的话,Remote Target列表里是不会出现我们