IE、Edge localstorage 两个页签的值不一致的问题

最新推荐文章于 2023-07-12 10:18:48 发布
最新推荐文章于 2023-07-12 10:18:48 发布
阅读量879 收藏 2
点赞数 1
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhentaoyanaa/article/details/103778048
版权

IE、Edge localstorage 两个页签的值不一致的问题

localstorage本是浏览器的属性，chrome下会多个页签共享该属性值，一个变更，其他页签下取值也会取得变更后的最新值

IE、Edge下两个页签，一个发生了变化，另外一个没有同步，经查找，需要手动对localstorage对象触发change事件，随便给某个属性设置一个值，原来的属性值也会跟着更新
localStorage.setItem(**,);
随意设置变量，只要触发localStorge对象就可以

zhentaoyanaa
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
localStorage在IE11下，两个窗口值不同步问题
weixin_41581551的博客
11-23 905
问题点：localStorage的值正常情况下是同一个域下是共享的，比如你打开两个同域下的页面，不管两个页面是不是独立一个窗口，他们localStorage的值都应该是共享的，一个改变，另一个也会发生改变。 例如： 打开两个相同的地址A，B, 然后在A，B网页的控制台分别执行下面代码： 期望的结果应该是打印出来的时间戳应该是不断变化的， 测试谷歌，火狐完全没问题，一如往昔。 接下来测试一下IE11，发现一直打印同一个值。这就值得思考了。 是否不支持，经过查看兼容性，以及能够打印第一个值.
到处excel表格的数据和页面的数据不一致
weixin_33943347的博客
09-16 497
列表：Select t,m.frameworkName,ma.accountName from SaleEntity t left join MediaAccountEntity ma on t.mediaAccountId=ma.id left join MediaEntity m on ma.mediaId=m.id left join ClientEntity...
同一个网站，两个标签页使用localStorage进行实时通信
不会java的java程序员
12-20 434
同一个网站，不同标签页进行通信。常见场景就是数据列表和新增页面在不同标签页，新增完数据后又想要数据列表页面进行实时刷新。
JS本地存储 localStorage操作（一个页面存值，另外一个页面拿值）
VicterTian的博客
02-11 2720
存值方法： localStorage.setItem(Key, value); localStorage.Key=value; 读值方法： localStorage.getItem(Key); localStorage.key; 使用： a页面存值 localStorage.li='哈哈哈'；//存放字符串或者json字符串 （如果是ajax返回...
记一次localStorage移动端多页面使用的问题
maenp的博客
03-18 814
注意域名的协议要相同才能共用数据（http/https） localStorage在安卓和ios上兼容性很好，出错了肯定是代码的问题 localStorage是window的一个对象包含该域名下所有存储数据 所以Object.key(localStorage)可以打印该域名下所有的存储数据的key组成的数组 所以Object.value(localStorage)可以打印该域名下所有的存储数据的v...
查看IE中的localStorage
^璐三岁要耍蓅氓♡
06-07 808
平时都是使用谷歌浏览器调试程序，今天到客户这里只有ie浏览器，有点小问题，调试的时候竟然没找到localStorage。。。 尴尬。。。 F12，控制台，下面输入localStorage.
一个可以兼容IE FF的加为首页与加入收藏实现代码
09-05
IE（Internet Explorer）和FF（Firefox）是两个具有代表性的浏览器，它们对这些功能的实现方式有所不同。下面我们将详细讨论如何编写兼容这两种浏览器的代码。 首先，我们需要了解两种浏览器各自处理“加为首页”和...
15 - LocalStorage.rar
05-01
LocalStorage的操作主要通过两个方法完成：`localStorage.setItem()` 和 `localStorage.getItem()`。`setItem()` 用于设置键值对，而 `getItem()` 用于获取存储的值。例如： ```javascript // 存储数据 ...
最全前端面试问题及答案总结
04-07
- **相邻选择器**：两个标签之间使用`+`符号连接，表示前一个标签后面紧跟的同级标签，如`h1 + p`。 ### 六、CSS3新特性 - **新增伪类**：`:nth-child(n)`、`:not(selector)`等，用于更灵活地选择元素。 以上是对...
HTML5本地存储不完全指南
10-05
- 默认每个站点可以存储不超过100KB的数据，超出限制时可请求更多存储空间。 - 可通过JavaScript操作。 - **局限性**: - 需要安装Flash插件，且随着Flash逐渐被淘汰，这种方法的实用性下降。 **4. Google Gears*...
面试宝典之吊打面试官系列
07-25
- **问题**: css中可以让文字在垂直和水平方向上重叠的两个属性是什么？ - **答案**: `vertical-align` 和 `text-align` 可以实现这一效果。 **26. 浮动元素垂直居中** - **问题**: 如何垂直居中一个浮动元素？ - *...
IE11 Storage未定義但是window.localStorage卻可以使用
losedguest的博客
11-24 1929
部份Win7的IE11瀏覽器無法正常使用Storage 可能JSON格式的變量也無法使用 返回值是[] HTML增加一句IE瀏覽器採用最高渲染模式 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 還可以檢查是否這是當前網站的兼容性,如果添加了,可以移除后再試
chrome谷歌浏览器书签不同步的解决办法
最新发布
专注企业级视频应用，企业视频直播、MR虚拟直播、教育培训连麦直播
07-12 2933
chrome谷歌浏览器书签不同步的解决办法背景：多台电脑使用时，发现浏览器书签并没有及时同步，找到最终的解决办法。
local storage在不同标签页，不同浏览器之间通用吗，可以跨域吗
weixin_43801836的博客
10-20 3003
local storage不可以跨域，但是可以使用iframe+postmessage可以实现。localStorage相比而言可以在多个标签页中共享数据，sessionStorage只适用于同一个标签页，：同源页面，也就是协议，端口，域名相同的页面。当然不能跨浏览器啦，都不是一个存储系统。
HTML5 本地存储(localStorage & sessionStorage)
xiangxiongfly
12-28 1689
为了解决Cookie这种方式的限制，HTML5新增了3种全新的数据存储方式：localStorage、sessionStorage和indexedDB： localStorage用于永久保存客户端的少量数据。 sessionStorage用于临时保存客户端的少量数据。 indexedDB用于永久保存客户端的大量数据。
如何查看localStorage，sessionStorage?(浏览器)
weixin_43677787的博客
01-19 8447
1.谷歌浏览器 -->f12(右击检查) --> Application 2.Microsoft Edge -->f12(右击检查) --> 应用程序 相同点： 存储大小都是5MB； 都存储在浏览器中； 存储的是字符串形式（如果是对象需要使用JSON.stringify(对象)把它转换为字符串）（使用的时候使用JSON.parse(字符串名称)转化为对象）。 4.使用方式 /*存储*/ localStorage(sessionStorage).setItem(key,val
BAT清理Edge，Firefox， Chrome的cache cookie等，不改变保存的账号历史记录
学习小组
01-20 4415
BAT清理 Edge Firefox Chrome的cache cookie等，并自动打开website
vue跳转页面,返回页面后实现某个值不刷新localstorage
04-05
在Vue中，可以使用`$router.push`方法进行页面跳转，使用`$router.go(-1)`方法返回上一个页面。如果您希望在返回页面后某个值不刷新localstorage，可以在跳转到下一个页面时将该值存储在localstorage中，然后在返回页面时读取该值并更新页面状态。 例如，在跳转到下一个页面时，将值存储在localstorage中： ``` // 在跳转到下一个页面时将值存储在localstorage中 localStorage.setItem('myValue', myValue); this.$router.push('/next-page'); ``` 然后，在返回页面时，读取该值并更新页面状态： ``` // 在返回页面时读取该值并更新页面状态 const myValue = localStorage.getItem('myValue'); if (myValue) { this.myValue = myValue; } this.$router.go(-1); ``` 这样，您就可以在返回页面后保留该值并更新页面状态，而不会刷新localstorage。请注意，如果您希望该值只在当前会话中有效，可以使用`sessionStorage`而不是`localStorage`。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值