【分享】electron应用打包后开启F12

前言:

        在开发Electron过程中，有些测试需要在打包后进行。但是无法想看到调试信息。一则可以借助logger.js将相关信息打印到日志中.另外一种方法就是在打包后开启dev开发者模式。

步骤1:

webPreferences中，devTools设置为true,并且高版本的话，nodeIntegration需要打开。(main.js或者main文件夹下index.js)

webPreferences: {
      devTools: true,
      nodeIntegration: true, // 在网页中集成Node
      nodeIntegrationInWorker: true,
      contextIsolation: false,
      enableRemoteModule: true,
    },

步骤2:

package.json 中将devDependency中的debug,devtools-installer复制一份放到dependency

   "electron-debug": "^1.5.0",
    "electron-devtools-installer": "^2.2.4",

步骤3: 在main.js或者main/index.js中添加如下代码

mainWindow.webContents.openDevTools();

重新install并且build即可。一般情况，真正发布是不需要开发者模式的，但是如果想保留，可以注册个快捷键。