Electron技术问询：如何检测窗口已打开并关闭后再创建新窗口

当然可以实现这个需求！你的核心问题在于原代码里的videoPlayer是IPC回调内的局部变量，每次触发load-video-window事件都会创建新窗口，根本没法追踪已有窗口的状态。下面是调整后的完整解决方案：

核心思路 #

1. 将窗口实例变量提升到回调函数外部，这样就能跨IPC事件追踪窗口的存在状态
2. 创建新窗口前，先检查已有窗口是否存在且未被销毁，若存在则先关闭它
3. 窗口关闭后及时置空变量，确保下次触发事件时能正确创建新窗口

修改后的完整代码 #

// 将窗口变量放在外部作用域，用于全局追踪实例状态
let videoPlayer = null;

// video window listener
ipcMain.on("load-video-window", (event, data) => {
  // 检查是否存在未销毁的目标窗口
  if (videoPlayer && !videoPlayer.isDestroyed()) {
    // 关闭已有窗口
    videoPlayer.close();
    // 手动置空变量，同步状态避免后续逻辑出错
    videoPlayer = null;
  }

  // 创建新窗口
  videoPlayer = new BrowserWindow({
    show: true,
    width: 840,
    height: 622,
    webPreferences: {
      nodeIntegration: true,
      plugins: true,
    },
  });

  if (process.env.WEBPACK_DEV_SERVER_URL) {
    // Load the url of the dev server if in development mode
    videoPlayer.loadURL(
      process.env.WEBPACK_DEV_SERVER_URL + "video_player.html"
    );
    if (!process.env.IS_TEST) videoPlayer.webContents.openDevTools();
  } else {
    videoPlayer.loadURL(`app://./video_player`);
  }

  videoPlayer.on("closed", () => {
    // 窗口关闭后自动置空，避免内存泄漏
    videoPlayer = null;
  });

  // 向新窗口发送数据
  videoPlayer.webContents.on("did-finish-load", () => {
    videoPlayer.webContents.send("data", data);
  });
});

细节说明 #

• 用videoPlayer.isDestroyed()判断窗口状态：即使变量还保留着引用，窗口也可能已经被销毁，这个方法能准确判断窗口是否还处于活跃状态
• 关闭窗口后手动置空变量：虽然closed事件也会做置空操作，但提前置空能避免窗口关闭的异步过程中触发重复创建逻辑
• 变量作用域注意：一定要确保videoPlayer是模块级或全局变量，不能放在回调函数内部，否则每次触发IPC事件都会重新定义变量，根本无法追踪已有窗口

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