如何跨瀏覽器標籤共享 SessionStorage 資料？

跨瀏覽器標籤共享SessionStorage 資料

問題：

問題：

問題：

問題：

問題：

如何在應用程式內的所有瀏覽器標籤之間共用 sessionStorage 值？

1. 答案：

   您可以利用 localStorage 及其「儲存」事件監聽器將 sessionStorage 資料從一個標籤傳輸到另一個標籤。要實現此操作：

   <code class="js">// transfers sessionStorage from one tab to another
   var sessionStorage_transfer = function(event) {
     // Handle sessionStorage data transfer between tabs
   };
   
   // listen for changes to localStorage
   if(window.addEventListener) {
     window.addEventListener("storage", sessionStorage_transfer, false);
   } else {
     window.attachEvent("onstorage", sessionStorage_transfer);
   };</code>

2. 在所有選項卡上包含以下程式碼：

   <code class="js">// Ask other tabs for session storage (this triggers the event)
   if (!sessionStorage.length) {
     localStorage.setItem('getSessionStorage', 'foobar');
     localStorage.removeItem('getSessionStorage', 'foobar');
   };</code>

觸發事件從其他選項卡請求sessionStorage 資料：此解決方案可讓您在同一瀏覽器中的所有分頁之間共用sessionStorage 資料。對於維護需要跨多個瀏覽器標籤存取的資料來說，這是一種有用的技術。

以上是如何跨瀏覽器標籤共享 SessionStorage 資料？的詳細內容。更多資訊請關注PHP中文網其他相關文章！