Electron：如何从渲染进程阻止窗口关闭？

最近踩了个Electron的坑：想阻止应用直接关闭，让渲染进程在退出前完成数据保存之类的收尾操作，结果不管在渲染进程还是主进程里调用e.preventDefault()都完全没效果。试了好几种方法终于搞定了，把可行的方案分享给同样遇到这个问题的开发者！

核心思路 #

其实关键是主进程和渲染进程配合拦截：主进程先拦截窗口关闭事件，通知渲染进程执行收尾任务，等渲染进程完成后再通知主进程真正退出应用。

步骤1：主进程拦截窗口关闭事件 #

在主进程的窗口创建逻辑里，监听close事件，先阻止默认关闭行为，再给渲染进程发消息触发收尾操作：

// 主进程 main.js
const { app, BrowserWindow, ipcMain } = require('electron');

let mainWindow;

function createWindow() {
  mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      // 根据你的Electron版本调整配置，新版本建议用预加载脚本
      nodeIntegration: true,
      contextIsolation: false
    }
  });

  // 拦截窗口关闭事件
  mainWindow.on('close', (e) => {
    e.preventDefault(); // 这里先阻止默认关闭
    // 给渲染进程发消息，通知执行收尾任务
    mainWindow.webContents.send('trigger-shutdown-tasks');
  });

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

app.whenReady().then(createWindow);

步骤2：渲染进程执行收尾并通知主进程 #

在渲染进程中，监听主进程发来的消息，执行你的数据保存等操作，完成后告诉主进程可以退出了：

// 渲染进程 renderer.js
const { ipcRenderer } = require('electron');

// 监听主进程的收尾触发消息
ipcRenderer.on('trigger-shutdown-tasks', async () => {
  try {
    // 替换成你的实际收尾逻辑，比如保存用户数据、清理临时文件
    await saveUserSession();
    console.log('收尾操作完成，通知主进程退出');
    // 告诉主进程可以关闭应用了
    ipcRenderer.send('shutdown-tasks-done');
  } catch (error) {
    console.error('收尾操作失败:', error);
    // 这里可以根据需求处理失败情况，比如弹窗提示用户，或者直接允许退出
    ipcRenderer.send('shutdown-tasks-done');
  }
});

// 示例：模拟异步保存数据的函数
async function saveUserSession() {
  return new Promise((resolve) => {
    setTimeout(() => {
      console.log('用户数据已保存');
      resolve();
    }, 1200);
  });
}

步骤3：主进程接收信号后正式关闭应用 #

回到主进程，监听渲染进程发来的收尾完成信号，这时再移除之前的close监听，正式关闭窗口：

// 主进程 main.js 补充代码
ipcMain.on('shutdown-tasks-done', () => {
  // 移除close事件监听，避免循环拦截
  mainWindow.removeAllListeners('close');
  // 关闭窗口
  mainWindow.close();
  // 如果需要退出整个应用，可调用app.quit()
  // app.quit();
});

额外注意事项 #

• 如果你的Electron版本在12以上，建议开启contextIsolation并使用**预加载脚本（preload）**来暴露IPC接口，避免直接开启nodeIntegration带来的安全风险。
• 可以在渲染进程里添加用户确认逻辑，比如弹出"是否确认退出？"的对话框，如果用户取消，就不发送shutdown-tasks-done消息，应用就不会关闭。

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