electron实现开机全屏启动、隐藏菜单栏
- 发表时间: 2020-05-18
- 分类:
- 阅读量: 7726
- 作者: 七七
使用electron可以把前端页面打包为exe桌面应用,就难免会遇到开发触摸屏应用,类似银行等柜台的电脑,需要开机全屏自启动。本菜鸟特意整理了一个模板,供大家参考
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 | const {app, BrowserWindow, globalShortcut} = require( 'electron' ) const electron = require( 'electron' ) /*获取electron窗体的菜单栏*/ const Menu = electron.Menu let mainWindow function createWindow() { // 隐藏菜单栏 Menu.setApplicationMenu( null ) mainWindow = new BrowserWindow({ webPreferences: { webSecurity: false } }) //配置ESC键退出全屏 globalShortcut.register( 'ESC' , () => { mainWindow.setFullScreen( false ); }) mainWindow.loadFile( 'index.html' ) //mainWindow.loadURL('https://danmu.zhangqq.cn/show') //进入软件即开启全屏 mainWindow.setFullScreen( true ); mainWindow.on( 'closed' , function () { mainWindow = null }) } app.on( 'ready' , createWindow) app.on( 'window-all-closed' , function () { if (process.platform !== 'darwin' ) { app.quit() } }) app.on( 'activate' , function () { // On OS X it's common to re-create a window in the app when the // dock icon is clicked and there are no other windows open. if (mainWindow === null ) { createWindow() } }) // 开机自启 app.setLoginItemSettings({ openAtLogin: true }) |
(注:退出软件可以通过ESE键退出全屏后关闭软件,不方便使用键盘可以通过js调用 window.close(); 也可通过渲染进程向主进程通信,主进程监听消息并关闭窗口。)
文章评论
码云笔记2021-07-29
码云笔记-前端博客 https://www.mybj123.com/
hu1234562021-04-18
26515215