Electron窗口可加宽但无法缩回至1024px宽度问题求助

问题现象 #

通过IPC触发retractAppView指令时，窗口未按预期缩至1024px宽度，仅出现上移1px的异常表现；但expandAppView扩展至1400px宽度的功能正常。

核心排查方向与修复方案 #

1. 替换不可靠的getFocusedWindow()获取窗口实例

BrowserWindow.getFocusedWindow()依赖窗口焦点状态，若操作时焦点意外转移（比如弹窗、系统控件抢占焦点），会导致获取的窗口实例不正确，甚至执行无效操作。

修复代码（main.ts）：

// 全局保存主窗口实例，避免动态获取焦点窗口的不确定性
let mainWindow: BrowserWindow | null = null;

// 主窗口创建函数示例
function createWindow() {
  mainWindow = new BrowserWindow({
    width: 1024,
    height: 500,
    minWidth: 1024, // 确保最小宽度不大于目标缩回宽度
    resizable: true, // 允许修改窗口大小（若需固定宽高可调整，但需兼容IPC修改逻辑）
    webPreferences: {
      preload: path.join(__dirname, 'preload.js')
    }
  });

  // 其他窗口初始化逻辑...
}

// 修改IPC监听，直接使用全局mainWindow实例
ipcMain.on('expandAppView', () => {
    if (mainWindow) mainWindow.setSize(1400, 500, false)
})

ipcMain.on('retractAppView', () => {
    if (mainWindow) mainWindow.setSize(1024, 500, false)
})

2. 检查窗口初始化配置限制

若窗口初始化时设置了minWidth大于1024，setSize会被系统强制限制在最小宽度，可能表现为窗口位移而非宽度变化。务必确保：

• minWidth ≤ 1024
• resizable设为true（若需要通过IPC修改窗口大小）

3. 手动锁定窗口位置，避免位移异常

部分平台下修改窗口大小时，系统会自动调整窗口位置导致偏移，可在修改大小后手动重置位置：

ipcMain.on('retractAppView', () => {
    if (mainWindow) {
        // 记录当前窗口位置
        const [x, y] = mainWindow.getPosition();
        // 设置目标大小
        mainWindow.setSize(1024, 500, false);
        // 重置位置，避免偏移
        mainWindow.setPosition(x, y, false);
    }
})

4. 日志调试确认执行流程

若问题仍存在，可添加日志排查IPC回调是否触发及窗口大小变化情况：

ipcMain.on('retractAppView', () => {
    console.log('retractAppView 指令触发');
    const targetWindow = BrowserWindow.getFocusedWindow();
    if (targetWindow) {
        console.log('当前窗口原始大小:', targetWindow.getSize());
        targetWindow.setSize(1024, 500, false);
        console.log('修改后窗口大小:', targetWindow.getSize());
    } else {
        console.log('未找到聚焦窗口');
    }
})

通过日志可快速定位是IPC未触发、窗口实例获取失败，还是setSize执行后未生效。

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