为何在onbeforeunload事件中调用ipcRenderer.sendSync()致应用异常关闭？

你的问题出在三个核心点：onbeforeunload事件的处理逻辑不符合Chromium要求、同步IPC调用打乱窗口关闭的事件流程，以及主进程对话框的窗口绑定错误。以下是具体修正方案：

错误点说明 #

1. onbeforeunload阻止逻辑不完整：Chromium要求该事件必须返回非空值（或设置e.returnValue为非空字符串）才能触发窗口关闭的确认流程，仅设置e.returnValue = false无法生效。
2. 同步IPC使用时机错误：ipcRenderer.sendSync()会阻塞渲染进程，但onbeforeunload事件的处理周期中，Chromium可能已经启动窗口关闭流程，导致后续阻止操作被忽略。
3. 主进程对话框绑定错误：调用dialog.showMessageBoxSync时传入的this指向错误，应绑定当前窗口实例，否则对话框无法正确关联窗口，影响交互逻辑。

修正后的代码 #

渲染进程代码 #

let isClosing = false;

window.onbeforeunload = (e) => {
  if (!isClosing) {
    // 阻止默认关闭流程
    e.preventDefault();
    // 必须设置returnValue为非空字符串，触发Chromium确认逻辑
    e.returnValue = '';
    // 改用异步IPC通知主进程弹出对话框
    ipcRenderer.send('ask-for-saving-changes');
    return '';
  }
};

// 监听主进程返回的决策结果
ipcRenderer.on('saving-decision', (event, response) => {
  isClosing = true;
  switch (response) {
    case 0: // 点击Yes，保存后关闭
      saveChanges().then(() => {
        window.close();
      });
      break;
    case 1: // 点击No，直接关闭
      window.close();
      break;
    case 2: // 点击Cancel，取消关闭
      isClosing = false;
      break;
  }
});

// 替换为你的实际保存逻辑
function saveChanges() {
  return new Promise(resolve => {
    // 执行保存操作
    setTimeout(resolve, 1000);
  });
}

主进程代码 #

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

let mainWindow;

function createWindow() {
  mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true,
      contextIsolation: false
      // 若使用Electron 12+，建议改用预加载脚本，此处为简化示例保留该配置
    }
  });

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

app.whenReady().then(() => {
  initSettings().then(() => {
    createWindow();
    // 监听渲染进程的请求
    ipcMain.on('ask-for-saving-changes', (event) => {
      // 绑定当前窗口实例到对话框，确保交互正常
      const result = dialog.showMessageBoxSync(mainWindow, {
        type: 'question',
        buttons: ['Yes', 'No', 'Cancel'],
        title: 'Closing',
        message: 'Do you want to save changes?'
      });
      // 异步返回决策结果给渲染进程
      event.sender.send('saving-decision', result);
    });
  });
});

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

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

核心改进点 #

• 改用异步IPC通信，避免阻塞渲染进程，完全控制窗口关闭时机。
• 完善onbeforeunload的阻止逻辑，符合Chromium的处理要求。
• 主进程对话框绑定正确的窗口实例，确保交互流程正常。

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