【分享】electron应用打包后开启F12
  OIW0KlaMcRRl 2023年11月28日 56 0


前言:

        在开发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即可。一般情况,真正发布是不需要开发者模式的,但是如果想保留,可以注册个快捷键。

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月28日 0

暂无评论

推荐阅读
OIW0KlaMcRRl