本博客不欢迎:各种镜像采集行为,请尊重知识产权法律法规。大家都是程序员,不要闹得不开心。

话说,苏南大叔写过一篇爆款水文,讲的是如何打开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的主要原因。试试?

相关链接

总结

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

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