亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

sessionStorage多Tab標(biāo)簽頁(yè)數(shù)據(jù)共享問(wèn)題分析

 更新時(shí)間:2023年07月09日 17:39:31   作者:時(shí)傾  
這篇文章主要為大家介紹了sessionStorage多Tab標(biāo)簽頁(yè)數(shù)據(jù)共享問(wèn)題分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪

問(wèn)題描述

在 A 頁(yè)面設(shè)置一些 sessionStorage 數(shù)據(jù),然后 a 標(biāo)簽 _blank 方式打開(kāi)另一個(gè) tab B 頁(yè)面,發(fā)現(xiàn) B 頁(yè)面有A 頁(yè)面的 sessionStorage 數(shù)據(jù)。

問(wèn)題原因

不同 tab 頁(yè)面 sessionStorage 數(shù)據(jù)出現(xiàn)了 “共享”。

sessionStorage

為什么會(huì)共享呢?下面看下 sessionStorage 的官方 MDN 介紹:

  • 頁(yè)面會(huì)話在瀏覽器打開(kāi)期間一直保持,并且重新加載或恢復(fù)頁(yè)面仍會(huì)保持原來(lái)的頁(yè)面會(huì)話。
  • 在新標(biāo)簽或窗口打開(kāi)一個(gè)頁(yè)面時(shí)會(huì)復(fù)制頂級(jí)瀏覽會(huì)話的上下文作為新會(huì)話的上下文,這點(diǎn)和 session cookie 的運(yùn)行方式不同。
  • 打開(kāi)多個(gè)相同的 URL 的 Tabs 頁(yè)面,會(huì)創(chuàng)建各自的 sessionStorage
  • 關(guān)閉對(duì)應(yīng)瀏覽器標(biāo)簽或窗口,會(huì)清除對(duì)應(yīng)的 sessionStorage。
  • 存儲(chǔ)在 sessionStorage 中的數(shù)據(jù)特定于頁(yè)面的協(xié)議。意思就是:http://example.com 與 https://example.com 的 sessionStorage 相互隔離。
  • 被存儲(chǔ)的鍵值對(duì)總是以 UTF-16 DOMString 的格式所存儲(chǔ),其使用兩個(gè)字節(jié)來(lái)表示一個(gè)字符。對(duì)于對(duì)象、整數(shù) key 值會(huì)自動(dòng)轉(zhuǎn)換成字符串形式。

根據(jù)第二點(diǎn)

簡(jiǎn)單嘗試后發(fā)現(xiàn)

  • 通過(guò)新建標(biāo)簽頁(yè)打開(kāi)相同的頁(yè)面(屬于第三條)創(chuàng)建獨(dú)立 sessionStorage。
  • 通過(guò) window.open 打開(kāi)新標(biāo)簽頁(yè),共享了原 tab 頁(yè)中的 sessionStorage。
  • 通過(guò) a 標(biāo)簽 _blank 方式打開(kāi)新 tab 頁(yè),Chrome 86 瀏覽器共享了 sessionStorage,Chrome 113 和 Firefox 瀏覽器并沒(méi)有共享。

所以對(duì)于 a 標(biāo)簽打開(kāi)的頁(yè)面,是否“共享”sessionStorage 屬于瀏覽器兼容性問(wèn)題。

在 Chrome 89 版本前,a 標(biāo)簽跳轉(zhuǎn)會(huì)共享 sessionStorage。而在 2021年 3月 Chrome 89 版本后,通過(guò) a 標(biāo)簽 target="_blank" 跳轉(zhuǎn)到新頁(yè)面時(shí) sessionStorage 就會(huì)丟失。

應(yīng)該稱為“復(fù)制”而不是“共享”

在 A 頁(yè)面設(shè)置一些 sessionStorage 數(shù)據(jù),然后 a 標(biāo)簽 _blank 方式打開(kāi)另一個(gè) tab B 頁(yè)面,發(fā)現(xiàn) B 頁(yè)面有A 頁(yè)面的 sessionStorage 數(shù)據(jù)。此時(shí)兩個(gè)頁(yè)面的sessionStorage相互獨(dú)立,修改不會(huì)影響對(duì)方,所以稱為復(fù)制更為準(zhǔn)確。

以上就是sessionStorage 多 Tab 標(biāo)簽頁(yè)數(shù)據(jù)“共享”的詳細(xì)內(nèi)容,更多關(guān)于sessionStorage 多 Tab 標(biāo)簽頁(yè)數(shù)據(jù)“共享”的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!

相關(guān)文章

  • 微信小程序 toast 詳解及實(shí)例代碼

    微信小程序 toast 詳解及實(shí)例代碼

    這篇文章主要介紹了微信小程序 toast 詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
    2016-11-11
  • ajax與302響應(yīng)代碼測(cè)試

    ajax與302響應(yīng)代碼測(cè)試

    服務(wù)器端的響應(yīng)是302 Found,在ajax的回調(diào)函數(shù)中能夠獲取這個(gè)狀態(tài)碼嗎?能夠從Response Headers中得到Location的值進(jìn)行重定向嗎?讓我們來(lái)一起動(dòng)手寫(xiě)寫(xiě)代碼看看實(shí)際情況吧。
    2013-10-10
  • delete?語(yǔ)法的本質(zhì)深入解析

    delete?語(yǔ)法的本質(zhì)深入解析

    這篇文章主要為大家介紹了delete?語(yǔ)法的本質(zhì)深入解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-03-03
  • 微信小程序-拍照或選擇圖片并上傳文件

    微信小程序-拍照或選擇圖片并上傳文件

    這篇文章主要介紹了微信小程序-拍照或選擇圖片并上傳文件的相關(guān)資料,需要的朋友可以參考下
    2017-01-01
  • 項(xiàng)目中常用的 .env 文件原理源碼解析

    項(xiàng)目中常用的 .env 文件原理源碼解析

    這篇文章主要為大家介紹了項(xiàng)目中常用的 .env 文件原理源碼解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-12-12
  • Web?Components實(shí)現(xiàn)類Element?UI中的Card卡片

    Web?Components實(shí)現(xiàn)類Element?UI中的Card卡片

    這篇文章主要為大家介紹了Web?Components實(shí)現(xiàn)類Element?UI中的Card卡片實(shí)例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-07-07
  • Javascript 解構(gòu)賦值詳情

    Javascript 解構(gòu)賦值詳情

    這篇文章主要介紹了Javascript 解構(gòu)賦值詳情,解構(gòu)賦值是ES6中的特性,可以將對(duì)象或數(shù)組中的值同時(shí)賦值給多個(gè)變量。西阿棉一起來(lái)看看詳細(xì)內(nèi)容吧,需要的朋友可以參考下
    2021-11-11
  • JavaScript中七種流行的開(kāi)源機(jī)器學(xué)習(xí)框架

    JavaScript中七種流行的開(kāi)源機(jī)器學(xué)習(xí)框架

    今天小編就為大家分享一篇關(guān)于JavaScript中五種流行的開(kāi)源機(jī)器學(xué)習(xí)框架,小編覺(jué)得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來(lái)看看吧
    2018-10-10
  • Google 地圖API資料整理及詳細(xì)介紹

    Google 地圖API資料整理及詳細(xì)介紹

    本文主要介紹Google 地圖API資料,這里整理了Google地圖API的基本知識(shí),并詳解每個(gè)函數(shù)的意思,有需要的小伙伴可以參考下
    2016-08-08
  • JavaScript中塊級(jí)作用域與函數(shù)作用域深入剖析

    JavaScript中塊級(jí)作用域與函數(shù)作用域深入剖析

    這篇文章主要為大家介紹了JavaScript中塊級(jí)作用域與函數(shù)作用域的實(shí)現(xiàn)原理深入剖析,
    2023-05-05

最新評(píng)論