浏览器关闭时tab状态需用beforeunload存localstorage并重载时恢复：存激活id、tab列表及滚动位置，避免异步请求；初始化前读取并重建tab，iframe需重载src；自动保存+降级兜底。
浏览器标签关闭时，Tab状态无法靠Layui自身保留——因为页面彻底卸载，所有JS运行环境消失。真正可行的方案是利用 beforeunload 事件触发本地持久化，并在页面加载时主动恢复。
监听页面卸载，及时存 Tab 数据
用户点关闭按钮、按 Ctrl+W、或直接关浏览器窗口时，beforeunload 是最后能执行 JS 的时机。此时应把当前激活 Tab ID、所有已打开 Tab 列表（含 title、href、id）、以及各 Tab 滚动位置一并存入 localStorage：
- 只存必要字段：比如
{id: "user-list", title: "用户列表", href: "/user", scrollTop: 320}，避免存 DOM 节点或函数 - 用唯一 key 存储，例如
layui-tab-state-xxx，其中 xxx 可取用户登录态标识或站点域名哈希，防止多账号/多系统冲突 - 注意：不要在
beforeunload里做异步请求（如发 Ajax 保存），浏览器大概率会中断它
页面初始化时优先读取并还原
用户下次打开同地址，Layui 初始化前先检查 localStorage 是否有有效 Tab 状态数据：
- 若存在且未过期（可加时间戳判断是否超过 24 小时），则跳过默认首页逻辑，直接调用
element.tabAdd()逐个重建 Tab - 重建后立即用
element.tabChange()切到上次激活的 Tab ID - 对每个 Tab 内容区，恢复其
dataset.scrollTop（参考 Tab 切换滚动条保存方案），确保回到原位置
处理 iframe 类 Tab 的特殊清理
如果 Tab 内容用的是 iframe，需额外注意：
- 存状态时记录 iframe 的
src，而非 document 内容（后者不可序列化） - 还原时不要复用旧 iframe 元素，而是新建
<iframe src="..."></iframe>，避免跨域或脚本残留问题 - 若 iframe 页面本身也支持状态保持（如带 hash 或 search 参数），可在还原时拼接对应参数，增强一致性
边界情况要兜底
不是所有关闭都能被捕获：
- 强制结束进程、断电、浏览器崩溃等情况，
beforeunload不会触发 → 建议设置自动保存间隔（如每 30 秒存一次最新状态），用setTimeout+localStorage实现 - 用户清空浏览器缓存或禁用 localStorage → 启动时检测是否可用，不可用则降级为默认首页
- 多设备/多标签同时操作 → 加入版本号或时间戳比对，避免旧状态覆盖新操作
