电子占据100%的屏幕(不是全屏)

Question

我有一个电子应用程序,下面是main.js文件:

var app = require('electron').app;
var BrowserWindow = require('electron').BrowserWindow;

app.on('ready', function() {
    mainWindow = new BrowserWindow({
        height: 715,
        width: 1200,
        minWidth: 600,
        minHeight: 200,
        center: true
    });

    mainWindow.loadURL('file://' + __dirname + '/index.html');
});

如您所见,指定了宽度和高度.我想要的是打开应用程序,但占用所有可用的屏幕(但不是全屏,以便隐藏操作系统的底座和工具栏).

在简单的CSS中,这是通过使用来完成的

width:100%;
height:100%;

我希望能够在我的电子应用程序中重现这一点,虽然似乎无法找到有关如何做到这一点的任何细节

注意:fullscreen: true不是我要找的,因为这会使应用程序打开,以便隐藏停靠栏和工具栏

有人可以帮忙吗？

Answer 1

用这个!

win = new BrowserWindow({show: false});
win.maximize();
win.show();

Answer 2

mainWindow.maximize()在创建窗口后调用以最大化窗口.

Answer 3

在 mainWindow 声明后尝试此代码

mainWindow.once('ready-to-show', () => {
    mainWindow.maximize()
})

这对我有用

Answer 4

用这个：

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

let win

app.on('ready', () => {
   const {width, height} = electron.screen.getPrimaryDisplay().workAreaSize
   win = new BrowserWindow({width, height})
   win.loadURL('https://github.com')
})

Answer 5

我用过这个：

function createWindow () {
  // Create the browser window.
  win = new BrowserWindow({
    show: false,
    webPreferences: {
      nodeIntegration: true
    }
  });

  win.maximize();
  win.show();
}

这基本上是其他人之前说过的