How to make the dev tools not show up on screen by default in Electron?

在 Electron 应用中，默认情况下，Chrome 开发工具并不会自动打开，除非在应用的某个部分中有意通过代码开启它。如果你想确保在整个应用中开发工具不被打开，你可以通过在创建 BrowserWindow 实例时不调用 webContents.openDevTools() 方法来实现。

以下是一个基础的例子，展示如何创建一个 Electron 窗口而不打开开发工具：

javascript
const { app, BrowserWindow } = require('electron');

function createWindow () {
  // 创建浏览器窗口
  let win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  });

  // 并且为你的应用加载index.html
  win.loadFile('index.html');

  // 不调用 openDevTools 方法，即默认不打开开发工具
  // win.webContents.openDevTools();
}

app.whenReady().then(createWindow);

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit();
  }
});

app.on('activate', () => {
  if (BrowserWindow.getAllWindows().length === 0) {
    createWindow();
  }
});

在这个例子中，createWindow 函数设置了一个新窗口的基本配置，包括窗口大小和Web功能。最重要的是，openDevTools() 方法没有被调用，因此开发者工具不会在窗口加载时自动打开。

如果你在别的地方或者由于其他库和代码导致开发工具被打开，确保没有其他地方在调用 openDevTools() 方法。此外，还可以在应用的配置或起始设置中设立一个全局标志（如环境变量）来控制是否允许打开开发工具，从而更灵活地控制这一行为。