电子占据100％的屏幕（不是全屏）

Posted 2021-04-08

我有一个电子应用程序，下面是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不是我想要的，因为它使应用程序打开，以便隐藏停靠栏和工具栏

有人可以帮忙吗？

答案

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

另一答案

用这个！

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

另一答案

用这个

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