我正在使用electron-react-boilerplate创建Electron-React应用。开发工具默认显示在屏幕上。如何使开发工具仅在我要求时显示,而不是在启动时显示?
另外,控制台中没有显示错误,所以开发工具没有显示,因为有一个错误。
x1c 0d1x的数据
我正在使用electron-react-boilerplate创建Electron-React应用。开发工具默认显示在屏幕上。如何使开发工具仅在我要求时显示,而不是在启动时显示?
另外,控制台中没有显示错误,所以开发工具没有显示,因为有一个错误。
x1c 0d1x的数据
9条答案
按热度按时间zkure5ic1#
只需在main.js文件中注解或删除这行代码(将devTools设置为false)
this.mainWindow.openDevTools();
(或)将以下代码添加到字符串
(or)将package.json build改为
npm run build && build --win --x64
(或)再次安装npmvngu2lb82#
如果我们在
webPreferences
中添加devTools: false
,当您启动Electron应用程序时,DevTools将不会显示。但是,它仍然可以通过按Ctrl + Shift + I打开。字符串
看看Slack。它是用Electron制作的,当你按Ctrl + Shift + I时,DevTools不会打开。
我看过Electron的官方文档,我发现了一个解决方案,当你按Ctrl + Shift + I时,它不允许DevTool打开。
型
但是,这将阻止所有其他浏览器的Ctrl + Shift +I所以,您可以在电子应用程序聚焦时编写上述代码。并且,当您的应用程序模糊时将其删除。这样您就可以正确解决这个问题。
e4eetjau3#
当应用程序启动时,使开发人员工具出现的是src/main/main. ts中的
require('electron-debug')()
行。此函数有一个showDevTools
选项,默认为true
,所以您应该将其更改为false
:字符串
您仍然可以使用快捷键Ctrl + Shift + I或按F12显示开发人员工具,如果您想完全禁用它,请在
new BrowserWindow
上将webPreferences.devTools
设置为false
:型
pgpifvop4#
只需添加这两行粗体代码。打包后您将看不到devTool。
字符串
var debug = false
型
打开DevTools。
if(debug)mainWindow.webContents.openDevTools()
型
lnxxn5zx5#
每个答案都提到,即使在使用
devTools: false
禁用devtools之后,键盘快捷键CTRL + CTRL + I仍然有效。这是因为在Electron BrowserWindow的默认菜单中注册了加速器。您所要做的就是使用
mainWindow.removeMenu()
删除菜单,并且与开发相关的快捷键都不会再次工作。即使是像CTRL + R这样重新加载页面的快捷键。mmvthczy6#
只要把线拿掉
字符串
w8rqjzmb7#
只是想补充一点,如果您想仅在生产模式下禁用devTools**,您可以执行以下操作:
字符串
P.S.这也可以防止使用快捷键,如Ctrl+Shift+I来切换devTools。
pinkon5k8#
2022年
加载devtools的代码位于
src/main/main.ts
中搜索以下代码:
字符串
你需要禁用电子调试通过注解它
型
q9rjltbz9#
警告:以下方法仅在您禁用electron应用程序中的工具栏时有效,在加载html之前,在创建浏览器窗口的代码之后添加以下代码:
字符串
在electron加载的网页中,在html结束标记之后添加:
型
如果你还想阻止reload,在前面的代码或结束的html标签后添加以下内容(在electron加载的网页中):
型