Electron应用如何设置启动时全屏覆盖Windows任务栏？

你遇到的问题根源在于win.maximize()仅实现窗口最大化，Windows系统会默认保留任务栏显示；要实现真正覆盖任务栏的全屏效果，需要使用Electron提供的**setFullScreen(true)**方法，同时可通过窗口初始化配置优化启动体验。

具体修改方案 #

直接替换现有代码逻辑 #

将你当前代码中的win.maximize()替换为win.setFullScreen(true)，调整后代码如下：

win.setMenuBarVisibility(false)
win.setFullScreen(true) // 替换原win.maximize()
win.show()
win.setAlwaysOnTop(true, 'normal')

初始化时配置全屏属性（推荐） #

更高效的方式是在创建BrowserWindow实例时，直接在配置项中指定全屏参数，让应用启动即进入全屏状态：

const { BrowserWindow } = require('electron')

const win = new BrowserWindow({
  width: 800,
  height: 600,
  frame: false, // 可选：隐藏窗口边框，强化全屏沉浸感
  fullscreen: true, // 启动时直接进入全屏
  fullscreenable: true, // 允许窗口切换全屏状态
  autoHideMenuBar: true // 自动隐藏菜单栏，替代win.setMenuBarVisibility(false)
})

win.loadFile('index.html')
win.setAlwaysOnTop(true, 'normal')

补充说明 #

• setFullScreen(true)触发的是系统级全屏模式，Windows下会完全覆盖任务栏，这是它与maximize()的核心差异。
• 需要退出全屏时，调用win.setFullScreen(false)即可。
• 若需支持手动切换全屏，可监听快捷键（如F11）来触发全屏切换逻辑。

内容的提问来源于stack exchange，提问作者The Mazer