Firefox隐私窗口中storage事件监听器失效问题求助

Firefox隐私浏览模式下，本地存储（localStorage/sessionStorage）会被完全隔离：每个隐私窗口都拥有独立的存储上下文，和普通窗口、其他隐私窗口互不相通。而Storage事件的触发逻辑是「同一域名下的其他窗口修改存储时，当前窗口才会收到事件」，隐私窗口的隔离机制直接切断了这个跨窗口的事件触发通道，导致监听器无法工作——哪怕是同一域名下的不同隐私窗口，修改存储也不会触发彼此的Storage事件。

需要注意的是，Storage事件本身就不会在修改存储的同一个窗口触发，普通窗口下的正常触发依赖跨窗口的存储共享机制，而隐私窗口彻底禁用了这种跨窗口共享。

替代解决方案 #

如果需要在隐私窗口内监听存储变更，可以封装存储操作方法，手动触发自定义事件来替代原生Storage事件：

// 封装localStorage设置方法，修改后触发自定义事件
function setLocalStorage(key, value) {
  const oldValue = localStorage.getItem(key);
  localStorage.setItem(key, value);
  window.dispatchEvent(new CustomEvent('customStorageChange', { 
    detail: { key, newValue: value, oldValue } 
  }));
}

// 监听自定义存储变更事件
window.addEventListener('customStorageChange', (event) => {
  console.log('存储已变更:', event.detail);
});

这种方式不依赖浏览器的跨窗口存储事件机制，在隐私窗口内可以正常工作。

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