2016-11-06 5 views
1

У меня есть электронный приложение, ниже является main.js файла:Electron Take Up 100% экрана (не во весь экран)

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 - это не то, что я ищу, так как приложение открыто, так что панель и панель инструментов скрыты.

Может ли кто-нибудь помочь?

+0

Вы говорите, вы хотите, чтобы максимизировать окно при запуске? Вы можете сделать это с помощью 'mainWindow.maximize()'. –

+0

О, вау, спасибо @VadimMacagon Я искал веков и так и не нашел! Если вы опубликуете его в качестве ответа, я соглашусь с ним :) cheers –

ответ

2

Позвоните mainWindow.maximize(), чтобы увеличить окно после его создания.

2

используйте это!

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

Используйте этот

app.on('ready',() => { 
    const {width, height} = electron.screen.getPrimaryDisplay().workAreaSize 
    win = new BrowserWindow({width, height}) 
    win.loadURL('https://github.com') 
}) 
Смежные вопросы