如何永久隐藏Electron应用程序的菜单栏（保留F11全屏功能）

我太懂这种烦恼了——autoHideMenuBar: true简直是个“伪隐藏”，Alt键一碰菜单栏就蹦出来，完全达不到永久隐藏的效果。结合自己做Electron项目的经验，给你两个跨平台的可靠方案，亲测在最新Electron版本（v20+）上完全生效，还能完美保留F11的全屏切换功能：

方案一：彻底移除菜单栏（推荐） #

这个方案直接从根上移除应用菜单栏，不会被任何按键触发显示，同时手动实现F11的全屏逻辑，跨Windows、Mac、Linux都兼容。

主进程代码示例 #

const { app, BrowserWindow, Menu, globalShortcut } = require('electron');

function createMainWindow() {
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    // 不需要设置autoHideMenuBar属性
  });

  // 彻底移除应用菜单栏，跨平台生效
  Menu.setApplicationMenu(null);

  // 注册F11快捷键，实现全屏切换
  globalShortcut.register('F11', () => {
    const isFullScreen = mainWindow.isFullScreen();
    mainWindow.setFullScreen(!isFullScreen);
  });

  // 加载你的应用页面
  mainWindow.loadFile('index.html');

  // 窗口关闭时注销快捷键，避免内存泄漏
  mainWindow.on('close', () => {
    globalShortcut.unregister('F11');
  });
}

app.whenReady().then(() => {
  createMainWindow();

  app.on('activate', () => {
    if (BrowserWindow.getAllWindows().length === 0) {
      createMainWindow();
    }
  });
});

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit();
  }
});

// 应用退出时注销所有全局快捷键
app.on('quit', () => {
  globalShortcut.unregisterAll();
});

方案说明 #

• Menu.setApplicationMenu(null)：直接清空应用的菜单栏，Windows/Linux的窗口顶部菜单栏会消失，Mac上则会只保留系统级的基础菜单（比如复制、粘贴），完全不会显示应用相关的菜单。
• 手动注册F11快捷键：因为移除菜单栏后，Electron默认的F11全屏快捷键会失效，所以需要自己实现全屏切换逻辑，和原生体验完全一致。

方案二：保留系统菜单但禁用Alt触发（Mac专属优化） #

如果你在Mac上希望保留系统级的菜单功能（比如文件、编辑菜单），但不想让菜单栏被Alt键触发显示，可以创建一个空的应用菜单，替代直接设为null：

主进程代码示例 #

const { app, BrowserWindow, Menu, globalShortcut } = require('electron');

function createMainWindow() {
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
  });

  // 创建空菜单，Mac上会保留系统级菜单，同时不会显示应用自定义菜单
  const emptyMenu = Menu.buildFromTemplate([]);
  Menu.setApplicationMenu(emptyMenu);

  // 同样注册F11快捷键实现全屏
  globalShortcut.register('F11', () => {
    mainWindow.setFullScreen(!mainWindow.isFullScreen());
  });

  mainWindow.loadFile('index.html');
}

// 后续的app生命周期逻辑和方案一一致...

方案说明 #

这个方案在Mac上会保留系统默认的编辑、窗口等菜单，但不会显示你应用的自定义菜单，同时也不会被Alt键触发显示菜单栏，Windows/Linux下效果和方案一完全相同。

注意事项 #

• 全局快捷键要在app.whenReady()之后注册，否则会注册失败。
• 记得在窗口关闭或应用退出时注销快捷键，防止内存泄漏。
• 如果你的应用有多个窗口，需要为每个窗口单独处理全屏切换逻辑。

这些方案我在自己的几个Electron项目里都用过，完全满足“永久隐藏菜单栏+保留F11全屏”的需求，你可以根据自己的平台需求选择合适的方案。

内容的提问来源于stack exchange，提问作者just-a-hriday