说实话，Electron 开发里Zui让人抓狂的，就是窗口状态的持久化。

你说要把窗口的大小、位置、Zui大化状态dou记下来下次打开还Neng和上次一模一样。

听起来hen简单，结果一不小心就踩坑，窗口跑到kan不见的地方，或者根本不记住用户调的大小。

Electron 官方给了 app.getPath 这块儿专门存放配置的目录。

别傻傻把文件写到项目根目录，打包后那是只读的。

所以我们通常会在这个目录下建个 window-state.json，里面放个 JSON 对象。

结构大概长这样：

{
  "x": 120,
  "y": 80,
  "width": 1280,
  "height": 720,
  "isMaximized": false
}

这玩意儿就相当于桌面版的「本地存储」，随时读写毫无压力。

关键在于监听窗口的几个事件：resizemoveclose。

我常用下面这段代码：

let lastNormalBounds = null;
win.on => {
  if ) {
    lastNormalBounds = win.getBounds;
  }
});
win.on => {
  if ) {
    lastNormalBounds = win.getBounds;
  }
});
win.on => {
  // 保存之前先判断用户到底是点叉叉还是点托盘菜单里的 Quit
  saveWindowState;
});

注意啊，这里我们只在非Zui大化状态下记录尺寸，否则拿到的是全屏尺寸，恢复时会出问题。

function saveWindowState {
  const isMax = win.isMaximized;
  const bounds = isMax ? ) : win.getBounds;
  const state = {
    x: bounds.x,
    y: bounds.y,
    width: bounds.width,
    height: bounds.height,
    isMaximized: isMax
  };
  const fs = require;
  const path = require;
  const filePath = path.join, 'window-state.json');
  try {
    fs.writeFileSync);
    console.log;
  } catch  {
    console.error;
  }
}

先读文件，Ru果文件不存在或解析出错，就回退到默认值。

function loadWindowState {
  const fs = require;
  const path = require;
  const filePath = path.join, 'window-state.json');
  try {
    const raw = fs.readFileSync;
    return JSON.parse;
  } catch  {
    // 默认宽高，位置交给系统决定
    return { width: 1024, height: 768 };
  }
}

然后在创建 MainWindow 时把这些属性塞进去：

const state = loadWindowState;
const win = new BrowserWindow({
  width: state.width,
  height: state.height,
  x: state.x,
  y: state.y,
  show: false // 等 ready-to-show 再显示，避免白屏
});
if  {
  win.maximize;
}
win.once => win.show);

有时候用户上一次把窗口拖到了第二块屏幕，第二天只开了一块显示器。

这时候直接用保存的坐标会导致窗口跑到「不存在」的区域，kan不到。

Aha！我们Ke以在恢复前检查坐标是否落在当前任何一个显示器范围内：

function isVisibleOnAnyDisplay {
  const { screen } = require;
  return screen.getAllDisplays.some(d => {
    const b = d.bounds;
    return x>= b.x && x = b.y && y 

let isQuitting = false;
win.on => {
  if  {
    e.preventDefault; // 阻止默认关闭
    win.hide; // 隐藏到托盘
  }
});
app.on => { isQuitting = true; });

const Store = require;
const store = new Store;
function saveWithStore {
  const bounds = win.isMaximized
    ? )
    : win.getBounds;
  store.set({
    x: bounds.x,
    y: bounds.y,
    width: bounds.width,
    height: bounds.height,
    isMaximized: win.isMaximized
  });
}
function loadFromStore {
  return store.store; // 自动返回对象，Ru果不存在会返回 {}
}