Попрощайтесь с меню в ElectronJS: простые способы его удаления

Метод 1: использование опции «frame».
Один из способов удалить строку меню — изменить параметры окна браузера. Установив для параметра «frame» значение false во время создания окна браузера, вы можете эффективно удалить строку меню. Вот пример:

const { app, BrowserWindow } = require('electron');
app.on('ready', () => {
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    frame: false, // Remove the menubar
  });
  // Load your application content
  mainWindow.loadFile('index.html');
});

Метод 2: использование стилей CSS
Другой подход — скрыть строку меню с помощью стилей CSS. Этого можно добиться, применив к BrowserWindow собственные стили. Вот пример:

const { app, BrowserWindow } = require('electron');
app.on('ready', () => {
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true,
    },
  });
  // Load your application content
  mainWindow.loadFile('index.html');
  // Inject CSS to hide the menubar
  mainWindow.webContents.on('did-finish-load', () => {
    mainWindow.webContents.insertCSS(`
      .menubar {
        display: none !important;
      }
    `);
  });
});

Метод 3: использование модуля «Меню».
ElectronJS предоставляет модуль «Меню», который позволяет создавать собственные меню приложений. Чтобы удалить строку меню по умолчанию, вы можете создать пустое меню и установить его в качестве меню приложения. Вот пример:

const { app, BrowserWindow, Menu } = require('electron');
app.on('ready', () => {
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
  });
  // Load your application content
  mainWindow.loadFile('index.html');
  // Remove the menubar
  const emptyMenu = Menu.buildFromTemplate([]);
  Menu.setApplicationMenu(emptyMenu);
});

Следуя этим методам, вы можете легко удалить строку меню в своих приложениях ElectronJS. Независимо от того, решите ли вы изменить параметры BrowserWindow, применить стили CSS или использовать модуль «Меню», у вас есть возможность создать более настраиваемый и удобный интерфейс. Поэкспериментируйте с этими методами и найдите тот, который лучше всего соответствует потребностям вашего приложения.