ElectronJS：如何将任务栏右键菜单的Electron主页选项改为打开自定义应用？

这个问题源于Electron默认提供了包含官方主页链接的任务栏上下文菜单，你可以通过自定义应用菜单来替换它，具体实现步骤如下：

1. 引入Electron核心模块
   在主进程文件（如main.js）中引入所需模块：

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

2. 编写自定义任务栏菜单模板
   创建包含自定义选项的菜单模板，示例中将默认跳转项替换为“打开我的应用”：

function createTaskbarMenu() {
  const menuTemplate = [
    {
      label: '打开我的应用',
      click: () => {
        // 处理应用窗口的激活/创建逻辑
        let mainWindow = BrowserWindow.getAllWindows()[0];
        if (mainWindow) {
          if (mainWindow.isMinimized()) mainWindow.restore();
          mainWindow.focus();
        } else {
          // 调用你已定义的窗口创建函数
          createMainWindow();
        }
      }
    },
    { type: 'separator' },
    {
      label: '退出',
      role: 'quit' // 利用Electron内置角色自动处理退出逻辑
    }
  ];

  const customMenu = Menu.buildFromTemplate(menuTemplate);
  app.setApplicationMenu(customMenu);
}

3. 在应用就绪时加载自定义菜单
   在应用启动流程中调用菜单创建函数：

// 示例窗口创建函数，需根据你的项目逻辑调整
function createMainWindow() {
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: false,
      contextIsolation: true
    }
  });
  mainWindow.loadFile('index.html');
}

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

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

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

补充说明 #

• Windows和Linux系统下，任务栏右键菜单会直接沿用你设置的应用菜单；MacOS的Dock右键菜单也会同步该配置。
• 确保菜单模板完全自定义，不保留Electron默认菜单项，即可彻底替换掉包含官方主页的默认选项。

内容的提问来源于stack exchange，提问作者Batu A.