electron - Chrome开发者工具没有出现在 Electron 产品中

Question

我正在计算机上运行一个示例Electron.js应用程序，它没有显示DevTools，也没有通过从“查看”菜单中单击它，也没有通过Ctrl + Shift + I来显示。

在 friend 的计算机上，正在打开相同的代码。什么是设置，对我来说禁用了此设置？
这是代码，我如何初始化我的BrowserWindow:

function createWindow () {
  win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  })
  win.loadFile('index.html')

  // HERE I AM OPENING THE DEV TOOLS
  win.webContents.openDevTools()

  win.on('closed', () => {
    win = null
  })
}

这是我单击时要打开的

Answer 1

我有相同的症状:同一台应用程序在两台不同的计算机上的行为有所不同。我终于通过删除线解决了它

nodeIntegration: true

在main.js中，请参阅createWindow中的webPreference块

function createWindow() {
  // Create the browser window.
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      preload: path.join(__dirname, "preload.js"),
      nodeIntegration: true
    }
  });

当然，它突出显示了此选项隐藏的一些错误，但至少我有可调试的开发工具。
我还建议将 Electron 和 Chrome 更新为最新的稳定版本。