是的，关闭浏览器后sessionStorage数据会清空，但“关闭浏览器”指所有同源窗口关闭；Chrome/Edge在最后标签页关闭时清空，Firefox在浏览器进程退出时清空；多标签页下关一个不影响其他；适合临时表单草稿，不适用登录态；注意iframe隔离、框架不自动同步、Safari无痕模式禁用等问题。
SessionStorage 关闭浏览器后数据真的全没了？
是的，但“关闭浏览器”这个动作比你想的复杂——不是点 × 就算关，而是所有同源窗口都关闭才算。Chrome 和 Edge 的标签页独立进程机制会让 sessionStorage 在最后一个标签页关闭时才清空；Firefox 则更严格，只要整个浏览器进程退出就清空。如果你开了多个标签页访问同一域名，关掉其中一个，sessionStorage 依然存在。
- 常见错误现象：
sessionStorage.setItem('user', 'alice')后刷新页面还在，但关掉标签页再重开就没了——这其实是正常行为，不是 bug - 使用场景：适合存临时表单草稿、多步流程中的中间状态（比如地址选择 → 商品确认 → 支付页），但不能替代登录态或用户偏好设置
- 注意 Chrome 的「继续运行后台页面」选项（如启用通知、播放音频）可能让浏览器进程不退出，导致
sessionStorage意外残留数小时
和 localStorage、cookie 混用时最容易踩的坑
sessionStorage 和 localStorage 接口完全一致，但生命周期和作用域规则不同；而 cookie 又多了路径、域名、HttpOnly 等维度。混用时最常出问题的是「以为存了就能跨页读」或者「误把敏感信息塞进 sessionStorage 当安全存储」。
- 参数差异：
sessionStorage不支持设置过期时间、域名或路径；document.cookie必须手动拼接expires或max-age，否则就是会话级 cookie - 性能影响：频繁读写
sessionStorage不会阻塞主线程，但每次调用都是同步操作，大量 JSON 序列化/反序列化（比如存整个 Vue 组件状态）会明显卡顿 - 容易忽略：iframe 中的
sessionStorage是隔离的——父页和子 iframe 即使同源也互不可见，这点和localStorage一样
页面刷新后数据还在，但 React/Vue 组件没恢复？
因为框架默认不监听 sessionStorage 变化，也不会自动把里面的数据注入组件 state。你得手动在初始化逻辑里读取，并处理解析失败的情况。
- 常见错误现象：页面刷新后
sessionStorage.getItem('cart')返回字符串，但直接赋给 React state 导致渲染报错Objects are not valid as a React child - 实操建议：用
try/catch包裹JSON.parse()，避免因数据损坏导致白屏；推荐封装一个safeParseSession(key)工具函数 - 示例：
function safeParseSession(key) { const raw = sessionStorage.getItem(key); try { return raw ? JSON.parse(raw) : null; } catch (e) { sessionStorage.removeItem(key); // 损坏就删掉，避免下次再崩 return null; } }
移动端 Safari 的特殊限制：私密浏览模式下直接禁用
iOS Safari 在无痕模式下会完全屏蔽 sessionStorage（连 setItem 都抛 SecurityError），而不是返回空或静默失败。很多 H5 活动页因此在微信内置浏览器（底层是 WKWebView，继承 Safari 行为）中突然无法保存进度。
立即学习“前端免费学习笔记（深入）”；
- 错误信息：
SecurityError: The operation is insecure.—— 出现在调用sessionStorage.setItem时 - 兼容性方案：先做可用性检测，再 fallback：
function getSessionStorage() { try { const testKey = '__test__'; sessionStorage.setItem(testKey, '1'); sessionStorage.removeItem(testKey); return sessionStorage; } catch (e) { return null; // 降级用内存对象或 URL 参数 } } - 关键提醒：不要依赖
sessionStorage.length > 0来判断是否可用——私密模式下它可能返回 0 但实际不可写
