ElectronJS NPM 全屏启动

如果你正在寻找一种简单的方法来在 ElectronJS 中全屏启动你的应用程序，那么你来到了正确的地方。

在本文中，我将向你展示如何使用 NPM 模块来使你的 ElectronJS 应用程序全屏启动。此外，我还将向你介绍如何使用 ElectronJS API 来控制窗口的大小和位置。

安装

首先，我们需要安装 electron 和 electron-window-state 两个 NPM 模块：

npm install --save electron electron-window-state

代码实现

const {app, BrowserWindow} = require('electron');
const windowStateKeeper = require('electron-window-state');

let mainWindow;

function createWindow () {
  let mainWindowState = windowStateKeeper({
    defaultWidth: 800,
    defaultHeight: 600
  });

  mainWindow = new BrowserWindow({
    x: mainWindowState.x,
    y: mainWindowState.y,
    width: mainWindowState.width,
    height: mainWindowState.height,
    autoHideMenuBar: true,
    webPreferences: {
      nodeIntegration: true
    }
  });

  mainWindowState.manage(mainWindow);

  mainWindow.loadFile('index.html');

  mainWindow.setFullScreen(true);

  mainWindow.on('closed', function () {
    mainWindow = null;
  });
}

app.on('ready', createWindow);

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

app.on('activate', function () {
  if (mainWindow === null) {
    createWindow();
  }
});

在这段代码中，我们首先使用 electron-window-state 模块来保存我们的窗口状态，包括大小和位置。然后我们创建一个新的 BrowserWindow 实例，并设置其位置和大小。

接下来，我们使用 setFullScreen 方法将窗口设置为全屏模式。

最后，我们监听窗口的 closed 事件，以便在窗口关闭时将窗口设置为 null。

结论

通过使用这个简单的代码，你现在可以在 ElectronJS 中全屏启动你的应用程序。

为了获得更多关于 ElectronJS 的信息，请查看官方文档：https://www.electronjs.org/docs

完整代码示例可以在以下 GitHub 存储库中找到：https://github.com/electron/electron-quick-start

注意：要使应用程序在真正的全屏模式下启动，你需要在你的代码中进行相应的更改。