1、electron部分属性
vue项目添加使用electron打包工具
vue add electron-builder
之后,会有一个background.js文件,里面有下面这些属性(部分,还有一些建议去官方查看)
官网文档: BrowserWindow | Electron (electronjs.org)
// Create the browser window.
const win = new BrowserWindow({
width: 432,//设置窗口宽度
height: 331,//设置窗口高度
alwaysOnTop: false,//设置窗口是否一直保持在其他窗口前面 默认是false
modal: true,//模态窗口
frame: false,//设置为 false 时可以创建一个无边框窗口 默认值为 true
minWidth:1120,//设置窗口最小宽度
minHeight:702,//设置窗口最小高度
darkTheme: true,//强制窗口使用深色主题,只在部分GTK+3桌面环境下有效。 默认值为 false.
resizable: true,//用户是否可以调整窗口大小
minimizable: false,//窗口是否显示默认的最小化
maximizable: false,//窗口是否显示默认的最大化
transparent: true,//使窗口 透明。 默认值为 false. 在Windows上,仅在无边框窗口下起作用。
icon:appIcon,//窗口图标。 在 Windows 上推荐使用 ICO 图标来获得最佳的视觉效果, 默认使用可执行文件的图标.
show: false,// 显示窗口将没有视觉闪烁(配合ready-to-show事件)
webPreferences: {
// devTools: false,//客户端能否关闭开发者工具
devTools: true,//客户端能否打开开发者工具(快捷键:ctrl+shift+i)
nodeIntegration: true,//是否启用Node integration. 默认值为 false.
enableRemoteModule: true, // 使用remote模块(electron 12 版本之后就不使用这个模块了注意)
//是否在独立 JavaScript 环境中运行 Electron API和指定的preload 脚本. 默认为 true。 预加载脚本所运行的上下文环境只能访问其自身专用的文档和全局窗口,其自身一系列内置的JavaScript (Array, Object, JSON, 等等) 也是如此,这些对于已加载的内容都是不可见的。 Electron API 将只在预加载脚本中可用,在已加载页面中不可用。 这个选项应被用于加载可能不被信任的远程内容时来确保加载的内容无法篡改预加载脚本和任何正在使用的Electron api。 该选项使用的是与Chrome内容脚本相同的技术。 你可以在开发者工具Console选项卡内顶部组合框中选择 'Electron Isolated Context'条目来访问这个上下文。
contextIsolation: false,
},
})