Chrome 开发工具没有出现在 electron 中

Question

我是运行我计算机上的示例 Electron.js 应用程序，它既不显示 DevTools，也不通过从“查看”菜单中单击它，也不通过 Ctrl + Shift + I.

在朋友的电脑上，用同样的代码打开它。可以为我禁用此设置的设置是什么？这是代码，我如何初始化我的 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 更新到最新的稳定版本。

Chrome 开发工具没有出现在 electron 中

Chrome dev tools doesn't appear in electron

google-chrome-devtools

electron