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?
Appelez mainWindow.maximize()
pour agrandir la fenêtre après l'avoir créée.
utilisez ceci!
win = new BrowserWindow({show: false});
win.maximize();
win.show();
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')
})