a标签新窗口打开页面跳转sessionStorage丢失

Chrome更新89版本后，sessionStorage丢失a标签跳转丢失sessionStorage

最简单的解决办法 - a标签添加属性 rel="opener"

Chrome对于a标签默认添加了noopener属性，所以通过a标签跳转，会丢失新页面的控制权，sessionStorage自然也就丢失了，我们只需要在a标签上加上 rel="opener" 就行了。

在Chrome浏览器89版本前，当前会话页面指的是当浏览器窗口没有关闭时，窗口内同域网站可以共享此数据（同源浏览器多个窗口不共享），当页面全部关闭或窗口关闭后，sessionStorage数据会被摧毁，所以你用a标签跳转还是js跳转都会共享sessionStorage。

在2021年3月初Chrome浏览器进行了批量更新，更新到89版本后，通过a标签target="_blank"跳转到新页面时sessionStorage就会丢失。Chrome这一更新可能会导致很多网站的sessionStorage丢失。

a标签新窗口打开页面跳转sessionStorage丢失相关推荐

vue是用a标签打开新页面_vue | 路由vue-router在新窗口打开页面
vue的是单页面应用设计的渐进式框架,但是有时在项目中也会出现新窗口打开页面的情况,此时,就需要vue-router的知识来解决一.使用标签需要注意的是,router-link并不支持 targe ...
php中asp标签怎么打开新页面,A标签新窗口打开怎么设置
超链接a标签新窗口打开怎么设置怎么完成-a锚文本掀开法子设置 a标签是配置超链接锚文本标签,a超链接标签让站点A网页打开B网页,或让Aweb转到Bweb.那末a标签超链接翻开方法中新窗口翻开网页如何配 ...
html a标签打开新页面,A标签新窗口打开怎么设置
超链�?strong>a标签新窗口打开怎么设置怎么实现-a锚文本打开方式设置首先看看a标签最简单最基本结构代码�?/p>CSS5�?lt;/a> 这样�?ldquo;CSS5�?r ...
A标签新窗口打开怎么设置
超链接a标签新窗口打开怎么设置怎么完成-a锚文本掀开法子设置 a标签是配置超链接锚文本标签,a超链接标签让站点A网页打开B网页,或让Aweb转到Bweb.那末a标签超链接翻开方法中新窗口翻开网页如何配 ...
vue-router 设置路由在新窗口打开页面
一. <router-link>标签实现新窗口打开: 官方文档中说 v-link 指令被 <router-link> 组件指令替代,且 <router-link> ...
vue-router 如何在新窗口打开页面
1. <router-link>标签实现新窗口打开: 官方文档中说 v-link 指令被 <router-link> 组件指令替代,且 <router-link> ...
在js中实现新窗口打开页面
我们都知道可以在html代码中使用<a href="xxxx" target="_blank"></a>这种方式来打开一个新的窗口打开一 ...
点击链接新窗口打开页面
列表页面,要是没有内页得话,就新窗口打开一个页面,-------要是有的话在点击列表页得就覆盖打开的窗口页面使用的标签是 target="_block" 要是想一直打开在新窗 ...
a标签新窗口打开，解决跨域问题
标签在新窗口打开属性:target="_blank" 标签解决跨域属性:rel="nofollow noreferrer" <a href="h ...

a标签新窗口打开页面跳转sessionStorage丢失

最简单的解决办法 - a标签添加属性 rel="opener"

a标签新窗口打开页面跳转sessionStorage丢失相关推荐

最新文章

热门文章