在Electron应用程序中使用Chrome Dev工具？

Question

我发现在运行某些Electron应用时，按下Cmd-Alt-I可以访问Chrome Dev Tools，而在其他一些应用中则无法访问。我想知道如何设置以避免/启用此行为。

- Fabio Marzocca

---

不熟悉 Electron，但我想他们可能是出于意外而构建了某种开发版本，而不是生产版本。 - Matthew Daly

Answer 1

有几种选择。您可以初始化BrowserWindow而不使用 devtools：

mainWindow = new BrowserWindow({
  width: 800,
  height: 600,
  webPreferences: {
    devTools: false
  }
});

或者你可以在webContents上捕获打开的事件并关闭它：

mainWindow.webContents.on("devtools-opened", () => {
   mainWindow.webContents.closeDevTools();
});

- mr.freeze

---

我见过一些应用程序，其中我可以打开开发工具，而其他一些则不行。我想知道为什么会出现这种情况，以及如何避免/允许用户在我的应用程序中打开开发工具？ - Fabio Marzocca

如果您使用 devTools: false 初始化窗口，则键盘快捷键将无法使用。这可能是您尝试的应用程序的情况。我希望我正确理解了您的问题。 - mr.freeze

是的，你说得对。但我从未使用那个设置初始化我的应用程序，它也不会打开 Dev 工具。如何在应用程序上启用 Cmd-Alt-I？ - Fabio Marzocca

很奇怪...我正在运行GitHub桌面客户端（最新版本）并且它已启用.... - Fabio Marzocca

如果这个答案对你不起作用，请考虑查看 https://dev59.com/Ul0a5IYBdhLWcg3wdYiO#61281774 - Marcus