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

如您所见，指定了宽度和高度。我想要的是打开应用程序，但占用所有可用的屏幕（但 NOT 全屏显示，以便隐藏操作系统的底座和工具栏。）

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

完成的

width:100%;
height:100%;

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

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

有人可以帮忙吗？

Answer 1

用这个！

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

Answer 2

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

Answer 3

使用此

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

Answer 4

我用了这个：

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

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

基本上是别人以前所说的

Answer 5

如果要远程最大化窗口：

const { remote } = require('electron');

const focusedWindow = remote.BrowserWindow.getFocusedWindow();
focusedWindow.maximize();

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

5 个答案: