通过监听localStorage实现多选项卡时判断用户的账户主体

作者: 刘圣凯 | 来源:发表于2022-12-06 18:37 被阅读0次

localStorage、sessionStorage
实现RecyclerView预加载及点击item按钮删除功能（局
TodoList-React
android更新app时从下载到安装适配6.0,7.0,8.0
QQ黏性控件原理实现
js自定义事件侦听
localStorage
js 离开或进入浏览器页面的事件监听 visibilitycha
sessionStorage&localStorage监听
2019-08-25WKWebView踩坑1.0

需求分析：

用户打开多个选项卡并登录页面，如果其中一个页面的账号主体发生了改变（即切换了登录的账号），其他的页面需要监听到其改变并提示用户去刷新，类似于下图

729cc2381e5020f98348f2e6ab4d98e.png

实现思路：

在每次获取到用户信息的时候，在 localStorage存下来，通过监听storage 的变更来判断，用户的账户主体信息是否发生了改变。

实现代码：

记得在获取到用户信息的时候调用 localStorage.setItem(key, value) 去储存下用户信息，然后监听改存储的值去做相应的处理。

// 监听到 storage 的变更， 通过 e.key 判断是否为账户主体的变更， 然后做相应的操作
// 需要在获取用户信息的接口存储一个字符串格式的json。 
window.addEventListener('storage', (e) => {
  // do something...
   console.log(e)
  })

网友评论

本文标题：通过监听localStorage实现多选项卡时判断用户的账户主体

本文链接：https://www.haomeiwen.com/subject/rthgfdtx.html

延伸阅读

深度阅读

您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

通过监听localStorage实现多选项卡时判断用户的账户主体

需求分析：

实现思路：

实现代码：

相关文章

localStorage、sessionStorage

实现RecyclerView预加载及点击item按钮删除功能（局

TodoList-React

android更新app时从下载到安装适配6.0,7.0,8.0

QQ黏性控件原理实现

js自定义事件侦听

localStorage

js 离开或进入浏览器页面的事件监听 visibilitycha

sessionStorage&localStorage监听

2019-08-25WKWebView踩坑1.0

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读