Firefox中sessionStorage跨系统重启持久化的合规性问题求助

Firefox的会话恢复机制会意外保留sessionStorage中的数据——即使系统重启后恢复标签页，之前存储的内容依然存在，这和sessionStorage设计的“标签页生命周期”特性不符，给敏感数据（如订单、银行卡信息）的存储带来合规风险。以下是几种可靠的解决方法：

1. 通过导航类型检测清除恢复会话的敏感数据 #

利用浏览器原生的navigation API，判断页面是否是从会话恢复（比如重启浏览器后恢复标签页）加载，一旦检测到这种场景，立即清空sessionStorage。

window.addEventListener('load', () => {
  // 当页面从会话恢复加载时，清空sessionStorage
  if (navigation.type === 'restore') {
    sessionStorage.clear();
  }
});

这个方案精准适配需求：正常刷新、页面跳转时，sessionStorage数据会保留，满足支付失败后自动填充的需求；只有当Firefox通过会话恢复打开标签页时，才会清除敏感数据，避免合规风险。

2. 内存存储+sessionStorage兜底（兼容旧环境） #

如果需要兼容不支持navigation.type的旧浏览器，可以采用内存存储为主、sessionStorage为辅的方案，确保数据仅存活于标签页的生命周期内：

// 用内存变量存储核心敏感数据
let orderFormData = {};

window.addEventListener('load', () => {
  // 非恢复场景下，从sessionStorage恢复数据到内存
  if (navigation.type !== 'restore') {
    const savedData = sessionStorage.getItem('orderForm');
    if (savedData) {
      orderFormData = JSON.parse(savedData);
      // 这里可以同步到页面表单
    }
  }
});

// 页面刷新/跳转时，将内存数据同步到sessionStorage
window.addEventListener('beforeunload', () => {
  sessionStorage.setItem('orderForm', JSON.stringify(orderFormData));
});

// 标签页关闭时尝试清除sessionStorage（部分场景可能失效，如系统强制重启）
window.addEventListener('unload', () => {
  sessionStorage.removeItem('orderForm');
});

注意：unload事件在浏览器崩溃、系统强制重启时可能无法触发，因此优先推荐第一种方案。

3. 禁用Firefox会话恢复（备选） #

如果允许用户端操作，可以指导用户关闭Firefox的“恢复上次会话”功能，但这无法强制生效，仅作为最后备选。

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