最近做了Electron-vue相关的客户端开发
做出了如下总结:
利用new BrowserWindow()方法创建窗口对象
能满足开发项目的窗口属性有
win = new BrowserWindow({
width: 700,
height: 600,
minWidth:1000,
minHeight:600,
// 文档https://www.w3cschool.cn/electronmanual/electronmanual-browser-window.html
webPreferences: {
nodeIntegration: true,
webviewTag: true,
webSecurity: false,
allowDisplayingInsecureContent: true,
allowRunningInsecureContent: true,
},
})
如果想把客户端窗口顶部菜单去掉
在webPreferences同级节点加上
frame: false,// 去除顶部操作按钮
自定义最小化、最大化、关闭窗口按钮功能实现:
在主进程中写入以下代码段
// 控制窗口大小以及关闭
ipcMain.on('close', () => {
win.destroy();
})
// 窗口最小化
ipcMain.on('toMinimize', () => {
win.minimize();
})
// 窗口最大化和还原
ipcMain.on('toMaximize', () => {
if (win.isMaximized()) {
win.