为什么你的electron无法打开devtools调试工具?

我们相信：世界是美好的，你是我也是。平行空间的世界里面，不同版本的生活也在继续...

话说，苏南大叔写过一篇爆款水文，讲的是如何打开devtools（链接见本文底部）。主要解决的问题就是：electron程序打包之后，白屏的几率非常高。很多新手就会手足无措，不知道该如何处理。

有部分读者看过这篇文章后，反馈还是无法打开devtools。这，到底是什么原因导致的呢？本文测试环境：mac,electron@8.2.5。

BrowserWindow参数

在以前的文章中，有个备受争议的参数叫做nodeIntegration，现在苏南大叔介绍一下第二个备受争议的参数devTools。两个参数是同样的位置。使用方法如下：

const mainWindow = new BrowserWindow({
  webPreferences: {
    devTools: false,
    nodeIntegration: true,
  }
})

原因解读

devTools，默认为true，设置为false的话，BrowserWindow的webContents，就失去了openDevTools()的能力了。

devTools: false,

mainWindow.webContents.openDevTools()

这个可能就是你的electron无法打开devTools的主要原因。试试？

相关链接

• https://www.electronjs.org/docs/api/browser-window#new-browserwindowoptions
• https://newsn.net/say/electron-f12.html

总结

就是这么的意外，未雨绸缪啊。一定要走在计划的最前方。加油，少年！

• https://newsn.net/tag/electron/

如果本文对您有帮助，或者节约了您的时间，欢迎打赏瓶饮料，建立下友谊关系。
本博客不欢迎：各种镜像采集行为。请尊重原创文章内容，转载请保留作者链接。