如何通过Electron.js应用菜单打开URL并避免重复窗口？

方案1：复用已有窗口加载目标URL #

如果你的应用只需要单窗口运行，优先采用这个方案，避免多窗口冗余。

首先在主进程全局维护窗口实例，再修改窗口创建函数和菜单点击逻辑：

// 主进程全局变量，保存窗口实例
let mainWindow = null;

function createWindow() {
  // 若窗口已存在，直接聚焦并加载目标URL，不再新建
  if (mainWindow) {
    mainWindow.focus();
    mainWindow.loadURL('https://stackoverflow.com');
    return;
  }

  // 原有窗口创建逻辑
  mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true // 根据你的Electron版本调整配置，新版本可能需开启contextIsolation
    }
  });

  mainWindow.loadURL('https://stackoverflow.com');

  // 窗口关闭时重置实例
  mainWindow.on('closed', () => {
    mainWindow = null;
  });
}

// 菜单配置
const menu = Menu.buildFromTemplate([
  {
    label: 'Menu',
    submenu: [
      {
        label: 'Startseite',
        click() {
          createWindow(); // 调用修改后的createWindow即可
        }
      }
    ]
  }
]);
Menu.setApplicationMenu(menu);

方案2：关闭旧窗口后新建窗口 #

如果确实需要每次点击都替换窗口（比如窗口配置有差异），可以在新建前关闭已有窗口：

let mainWindow = null;

function createWindow() {
  // 关闭已存在的窗口
  if (mainWindow) {
    mainWindow.close();
  }

  // 新建窗口逻辑
  mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  });

  mainWindow.loadURL('https://stackoverflow.com');

  mainWindow.on('closed', () => {
    mainWindow = null;
  });
}

// 菜单配置不变，依然调用createWindow

额外提示：直接在当前窗口跳转URL #

如果菜单仅需让现有窗口跳转到目标地址，无需重建窗口，可直接在点击事件中操作：

{
  label: 'Startseite',
  click() {
    if (mainWindow) {
      mainWindow.loadURL('https://stackoverflow.com');
      mainWindow.focus();
    } else {
      createWindow(); // 窗口不存在时再创建
    }
  }
}

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