多窗口中数据共享

多窗口中数据共享

场景

某个页面中实现右击打开新页面跳入到相同页面，并保持数据一致

MDN 中指出

在新选项卡或窗口中打开页面将创建具有顶级浏览上下文值的新会话，这与会话 Cookie 的工作方式不同

sessionStorage参考MDN

解决方案

通过 sessionStorage 存入到浏览器缓存中并通过 window.open 打开新页面，打开的新页面中会自动带入父级页面中的 sessionStorage 存入到新页面中，
所以只需吧需要的数据存入缓存，在通过判断缓存是否存在，存在取缓存数据并清空缓存即可

posted @ 2020-12-30 15:30  萝卜爱吃肉  阅读(190)  评论(0)  编辑  收藏  举报