Electron 占据 100% 的屏幕（不是全屏）

Question

我有一个 electron 应用程序，下面是 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');
});

如您所见，指定了宽度和高度。我想要的是打开应用程序，但占用所有可用屏幕（但 NOT 全屏显示，这样 [=29= 的停靠栏和工具栏] 被隐藏了）。

在简单的 CSS 中，这是通过使用

完成的

width:100%;
height:100%;

我希望能够在我的 electron 应用程序中重现这一点，尽管似乎无法找到有关如何做到这一点的任何细节

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

有人能帮忙吗？

Answer 1

创建后调用 mainWindow.maximize() 最大化 window。

Answer 2

用这个！

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

Answer 3

使用这个：

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')
})

Electron 占据 100% 的屏幕（不是全屏）

Electron Take Up 100% Of Screen (Not Full Screen)

electron