Chrome 开发工具没有出现在电子中

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 } });

当然，它突出了此选项隐藏的一些错误，但至少我有调试工具。 我还建议将电子和铬更新到最新的稳定版本。