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() // 注销所有全局快捷键
})
相关推荐
想做后端的前端4 小时前
WebGL实现FPS游戏
vue.js·游戏·webgl
用户938515635075 小时前
从零构建《天龙八部》知识库:EPUB 加载→文本分割→向量嵌入→Milvus 存储→RAG 问答,一条链路打通
javascript·人工智能·全栈
柚yuzumi7 小时前
变量明明定义了,为什么访问不到?深入理解 JavaScript 作用域
javascript
何时梦醒7 小时前
React + TypeScript + Vite 实战:从零构建 Color Picker 应用
前端·javascript·架构
Highcharts.js7 小时前
基于Highcharts开发的OHLC 股票K线图完全指南
javascript·信息可视化·echarts·数据可视化·highcharts·ohlc
英勇无比的消炎药7 小时前
TinyRobot v0.5.0 深度解读(三):Layout 组件——如何组织复杂工作区的页面布局
前端·vue.js
默_笙8 小时前
😋 我让 DeepSeek-R1 在浏览器本地跑了起来,后端同事说"你认真的?"
前端·javascript
英勇无比的消炎药8 小时前
TinyRobot v0.5.0 深度解读(四):CLI 脚手架——从零搭建 AI 应用的工程化实践
前端·vue.js·github
李明卫杭州9 小时前
Vue3 响应式概念 ↔ React 对应方案(类组件与函数组件)对照笔记
前端·vue.js·react.js