electron+vue项目 设置全屏

1,在background.js中 createWindow 设置 fullscreen: true, // 初始加载为全屏

c 复制代码
fullscreen: true, // 初始加载为全屏

2, 允许通过快捷键比如F11切换全屏模式

c 复制代码
 // 允许通过快捷键切换全屏模式
  globalShortcut.register('F11', () => {
    const isFullScreen = win.isFullScreen()
    win.setFullScreen(!isFullScreen) // 切换全屏状态
  })

3,在应用退出前注销全局快捷键

c 复制代码
// 退出时注销所有全局快捷键
app.on('will-quit', () => {
  globalShortcut.unregisterAll() // 注销所有全局快捷键
})
相关推荐
北辰alk5 分钟前
Vue 中的 MVVM、MVC 和 MVP:现代前端架构模式深度解析
vue.js
北辰alk8 分钟前
为什么 Vue 中的 data 必须是一个函数?深度解析与实战指南
vue.js
北辰alk9 分钟前
Vue 的 <template> 标签:不仅仅是包裹容器
vue.js
Nan_Shu_61415 分钟前
学习: Threejs (2)
前端·javascript·学习
北辰alk19 分钟前
为什么不建议在 Vue 中同时使用 v-if 和 v-for?深度解析与最佳实践
vue.js
北辰alk20 分钟前
Vue 模板中保留 HTML 注释的完整指南
vue.js
G_G#23 分钟前
纯前端js插件实现同一浏览器控制只允许打开一个标签,处理session变更问题
前端·javascript·浏览器标签页通信·只允许一个标签页
北辰alk33 分钟前
Vue 组件 name 选项:不只是个名字那么简单
vue.js
北辰alk35 分钟前
Vue 计算属性与 data 属性同名:优雅的冲突还是潜在的陷阱?
vue.js
北辰alk35 分钟前
Vue 的 v-show 和 v-if:性能、场景与实战选择
vue.js