Предотвращение перемещения строки заголовка в Electron.js: методы и примеры

Метод 1: использование параметров setResizableи setMovable.
В конфигурации BrowserWindowElectron вы можете установить resizable<Для параметров /code>и movableустановите значение false, чтобы предотвратить перемещение строки заголовка. Вот пример:

const { app, BrowserWindow } = require('electron');
app.whenReady().then(() => {
  const mainWindow = new BrowserWindow({
    resizable: false,
    movable: false,
  });
  // Rest of your application logic
});

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

const { app, BrowserWindow } = require('electron');
app.whenReady().then(() => {
  const mainWindow = new BrowserWindow({
    frame: false,
  });
  // Rest of your application logic
});

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

const { app, BrowserWindow } = require('electron');
app.whenReady().then(() => {
  const mainWindow = new BrowserWindow();
  mainWindow.webContents.on('did-finish-load', () => {
    mainWindow.webContents.insertCSS(`
      .title-bar {
        -webkit-app-region: no-drag;
      }
    `);
  });
  // Rest of your application logic
});

Это несколько методов, которые можно использовать для предотвращения перемещения строки заголовка в приложении Electron.js. Выберите метод, который лучше всего соответствует вашим требованиям.