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

苏南大叔:为什么你的electron无法打开devtools调试工具? - electron-devtools-hero
为什么你的electron无法打开devtools调试工具?(图1-1)

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

BrowserWindow参数

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

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

原因解读

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

devTools: false,
mainWindow.webContents.openDevTools()

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

相关链接

总结

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

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

 【源码】本文代码片段及相关软件,请点此获取

 【绝密】秘籍文章入口,仅传授于有缘之人   electron

本站的忠实读者小伙伴,正在阅读下面这些文章: