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

In Electron applications, Chrome Developer Tools do not automatically open by default unless intentionally opened via code in specific parts of the application. If you want to ensure Developer Tools remain closed throughout the application, you can achieve this by not calling the webContents.openDevTools() method when creating a BrowserWindow instance.

Here is a basic example demonstrating how to create an Electron window without opening Developer Tools:

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

function createWindow () {
  // Create browser window
  let win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  });

  // Load index.html for your application
  win.loadFile('index.html');

  // Do not call openDevTools method to prevent Developer Tools from opening by default
  // 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();
  }
});

In this example, the createWindow function sets up the basic configuration for a new window, including window size and web preferences. Most importantly, the openDevTools() method is omitted, so Developer Tools will not automatically open when the window loads.

If Developer Tools are opened elsewhere due to other libraries or code, ensure no other parts of the application call the openDevTools() method. Additionally, you can implement a global flag (e.g., environment variable) in the application's configuration or startup settings to control whether Developer Tools are permitted to open, providing greater flexibility in managing this behavior.