Electron窗口操作

2018/09/30

无边框窗口

https://electronjs.org/docs/api/frameless-window#创建无框窗口

mainWindow = new BrowserWindow({
    width: 900,
    height: 700,
    frame: false // 无边框
});

可拖拽区

https://electronjs.org/docs/api/frameless-window#可拖拽区

请注意, 如果您已使整个窗口draggable, 则必须将按钮标记为 non-draggable, 否则用户将无法单击它们。

{
    -webkit-app-region: drag;
    -webkit-app-region: no-drag;
}

页面渲染完成再加载

https://electronjs.org/docs/api/browser-window#优雅地显示窗口

const {BrowserWindow} = require('electron');
let win = new BrowserWindow({show: false});
win.once('ready-to-show', () => {
    win.show()
});

页面中关闭窗口

使用windowclose方法。

javascript:window.close()