web-dev-qa-db-fra.com

Electron occupe 100% de l'écran (pas en plein écran)

J'ai une application d'électrons, voici le main.js fichier:

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

Comme vous pouvez le voir, la largeur et la hauteur sont spécifiées. Ce que je veux, c'est que l'application s'ouvre, mais occupe tout l'écran disponible (mais PAS pour être en plein écran, de sorte que le dock et l'outil barre de l'OS sont masqués).

En CSS simple, cela se fait en utilisant

width:100%;
height:100%;

Je veux pouvoir le reproduire dans mon application électronique, mais je n'arrive pas à trouver de détails sur la façon de le faire

Remarque: fullscreen: true n'est pas ce que je recherche, car cela rend l'application ouverte de sorte que le dock et la barre d'outils sont cachés

Quelqu'un peut-il aider?

11
user6806935

Appelez mainWindow.maximize() pour agrandir la fenêtre après l'avoir créée.

22
Vadim Macagon

utilisez ceci!

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

Utilisez ceci:

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')
})
8
Melvin Chipimo