Chrome89针对sessionStorage的更新导致数据共享问题

最新推荐文章于 2024-09-06 09:08:04 发布
最新推荐文章于 2024-09-06 09:08:04 发布
阅读量170 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xueqilily/article/details/115562306
版权

Chrome89针对sessionStorage的更新导致数据共享问题
最近将chrome更新到最新的版本，然后发现以前可以正常使用的功能无法使用了，经过分析后发现是浏览器新版本才出现的问题，今天记录以下。

一、遇到的问题
我们具体的问题场景，在A页面中需要打开B页面，同时需要在两个页面之间共享一些数据；
在A页面中我们将共享的数据保存到sessionStorage中,并新建超链接元素并触发其单击事件。

sessionStorage.setItem(‘parameter’, JSON.stringify(parameter));
var link = angular.element(’

xueqilily
关注
如何使用localstorage代替cookie实现跨域共享数据问题
09-28
主要介绍了如何使用localstorage代替cookie实现跨域共享数据问题，本文给大家带来了实现方案，使用postmessage和localstorage进行数据跨域共享问题，感兴趣的朋友一起看看吧
关于谷歌Chrome浏览器sessionStorage的跨tab页共享问题
qq_39217871的博客
04-06 5020
Chrome浏览器跨tab页sessionStorage共享问题 问题现象 在当前页面下开启一个新的同源tab页sessionStorage中的内容未有效共享到新开tab页中，导致新开tab页sessionStorage为空。 解决办法 首先抛出一个十分简单的解决办法，那就是使用window.open()方法打开这个同源tab页即可实现sessionStorage的有效共享。 第二种方法是通过window.addEventListener('storage', () => {})事件监听，来进行同源跨
sessionStorage在Google_Chrome浏览器中的用法
weixin_30666943的博客
07-08 628
一、window加载时，为预先定义的Button增添一个click的监听事件，实现对session的存储；showSession函数实现session的展示 window.onload=function(){ document.getElementById("button").addEventListener("click",storeSession,false); showSessi...
sessionStorage、localStorage、cookie你真的会用么
黑夜开发者的博客
06-09 358
浏览器的存储通常分为两类：会话存储和本地存储。，可以将数据存储于浏览器中的对象中，这些数据只在同一个浏览器窗口（或标签页）被创建并且加载了相同的页面时才被保留，不同的页面之间无法共享sessionStorage中的数据。（或标签页）的生命周期内，关闭窗口后中存储的数据会被清除。存储的数据仅限于字符串类型，即使存储的是数字、布尔值等其他类型的数据，也会被转换为字符串类型。只能在客户端使用，无法通过服务端设置和获取。localStorage是HTML5。
Chrome更新89版本后，sessionStorage丢失a标签跳转丢失sessionStorage
G_ruirui的博客
04-26 1075
localStorage作用范围：本地存储，关闭浏览器后，数据依然会保存。同源浏览器窗口可以共享使用localStorage存储的数据。 sessionStorage作用范围：只存在于当前会话页面，当会话结束后，数据也随之销毁，在不同的浏览器窗口中共享。也就是存在于当前浏览器页面，页面关闭，数据也会删除。（注意：通过鼠标右键打开的新标签无法共享sessionStorage） 而这块对于sessionStorage可能一直存在一个误区，在Chrome浏览器89版本前，当前会话页面指的是当浏览器窗口没有关闭时，
HTMl5的存储方式sessionStorage和localStorage详解
09-28
关于浏览器兼容性，除IE7及更早版本不支持外，现代的标准浏览器（如Chrome、Firefox、Safari、Opera以及更新版本的IE）均支持`sessionStorage`和`localStorage`。对于不支持的浏览器，可以通过JavaScript代码进行...
localstorage和sessionstorage使用记录(推荐)
09-27
2. **全局作用域**：同一域名下的所有页面都可以访问`localStorage`中的数据，这意味着数据在整个浏览器会话期间都是共享的。 `sessionStorage`的特点： 1. **会话存储**：与`localStorage`不同，`sessionStorage`...
swift-notes:用于记笔记的 Chrome 扩展程序
06-11
6. **Web存储**：为了在不同标签页间同步用户的笔记，Swift Notes 可能利用了 Web 存储（localStorage 或 sessionStorage）或 Chrome 扩展的特定存储机制。 7. **安全性和隐私**：作为浏览器扩展，Swift Notes 需要...
chrome-text-share:chrome文字分享
03-14
3. **Web存储API**：为了保存用户设置或共享历史，插件可能使用了浏览器的Web Storage（如localStorage或sessionStorage），或者更高级的IndexedDB来存储数据。 4. **API调用与集成**：分享文本可能涉及到与其他...
Google浏览器——session Storage和Local Storage
qq_44997147的博客
11-24 2158
Google浏览器有一个很好的storage，在页面刷新之后数据也不会丢失 if (stype != null) { sessionStorage.setItem('storetype', stype); } var url = sessionStorage.getItem('storetype'); ...
vue实时更新sessionStorage中的数据
~
09-23 2857
若是将这个数量存储到vuex的话，刷新页面数据会丢失【可以使用vuex数据持久化插件解决这一问题，原理也是帮助我们存储在localStorage或者sessionStorage中】，所以我这里直接将数据存储在了sessionStorage中，但是当我修改数据时页面并没有及时更新，只有刷新页面后数据才会更新。最近在做一个需求是：页面右上角显示未读消息数量，当用户读过消息后，数量要时时更新。beforeDestroy： 在页面销毁的时候移除监听。mounted：页面创建的时候添加监听。
sessionStorage用法
weixin_58414196的博客
02-16 645
sessionStorage浏览器关闭后数据回丢失 1.保存数据-------sessionStorage.setItem("key", "value"); 2.读取数据-------var lastname = sessionStorage.getItem("key"); 3.删除指定键的数据-------sessionStorage.removeItem("key"); 4.删除所有数据------- sessionStorage.clear(); ...
【React】监听 sessionStorage / localStorage 更新
qq_45677671的博客
06-29 3401
动态监听 sessionStorage / localStorage 更新
chrome20-查看localstorage和sessionstorage
qq_41632427的博客
06-18 750
html
浏览器百科：网页存储篇-如何在Chrome中打开sessionStorage窗格（八）
最新发布
守城小轩的技术窝棚
09-06 1004
在现代网页开发中，客户端存储技术如sessionStorage的应用极大地提升了用户体验和数据管理的效率。通过使用 Chrome 浏览器的 DevTools 工具，开发者可以方便地查看、编辑和管理 Session storage 中的数据。本文详细介绍了打开 Session storage 窗格的步骤以及如何创建、编辑和删除 Session storage 键值对的方法。掌握这些操作将有助于开发者更高效地进行调试和问题排查，从而优化网页应用的性能。
浏览器百科：网页存储篇-Session storage介绍（七）
守城小轩的技术窝棚
09-05 839
Session storage 是 HTML5 提供的一种客户端存储机制，用于在浏览器会话期间存储数据。Session storage 的数据只在同一浏览器会话（通常是一个标签页或窗口）中有效。当用户关闭浏览器标签页或窗口时，存储的数据会被清除。不同标签页或窗口的 Session storage 是相互独立的，即使它们来自同一个域名。每个标签页或窗口都有自己独立的 Session storage 空间。Session storage 以键值对的形式存储数据，每个键和值都是字符串。
解决vue使用sessionStorage存储数据，页面不能实时更新
LRQQHM的博客
02-15 2683
export const getSessionStorage = function (key, newVal) { // 创建一个StorageEvent事件 const newStorageEvent = document.createEvent(‘StorageEvent’) const storage = { setItem: function (k, val) { sessionStorage.setItem(k, val) // 初始化创建的事件 newStorageEvent.initStora
多个标签页之间 Cookie、sessionStorage 共享吗
ivan5277的博客
04-01 1082
需要注意的是，如果启用了浏览器的隐私模式（如“无痕浏览”），在这种模式下打开的不同标签页通常不会共享Cookie，因为隐私模式旨在防止保存浏览记录和站点数据。此外，不同浏览器实例之间也是不共享Cookie的，例如在Chrome和Firefox之间，或是两个独立运行的Chrome浏览器实例之间。当您在一个网页上设置了一个Cookie，并且没有特别指定Cookie的作用域，那么在同一域名下的其他打开的标签页都可以访问到这个Cookie。这是因为Cookie是基于域名和路径来管理的，而不区分具体的浏览器标签页。
sessionStorage和 localStorage 的区别是什么
06-18
- **localStorage**: 各浏览器可能有不同的大小限制（如 Chrome 的最大值为5MB），超过这个范围可能会导致存储失败。 3. **数据安全性**: - **sessionStorage**: 数据对于同一个域下的所有页面共享，如果网页被...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值