内容简介:最近老项目会员中心上报了一个问题,报错如下:部分用户在登录时会出现报错的情况,出现频率大概是每三天有一两个。 根据报错,很明显是setItem的问题。查看web docs没有说有兼容性问题
问题
最近老项目会员中心上报了一个问题,报错如下:
部分用户在登录时会出现报错的情况,出现频率大概是每三天有一两个。 根据报错,很明显是setItem的问题。查看web docs没有说有兼容性问题
继续了解,发现localstorage对ios11以下隐私模式有兼容问题,调用setItem会报错。即ios11以下的隐私模式不支持localstorage
解决办法
思路是在不兼容的浏览器(模式)下使用cookies来替代localstorage
const _isLocalStorageSupported = function() { try { window.localStorage.setItem('test', 1) window.localStorage.removeItem('test') return true }catch(err) { return false }}
const getStorage = function(key) { ///localStorage.getItem / cookies let res = '' if(_isLocalStorageSupported()) { res = window.localStorage.getItem(key) }else { ///cookie let name = `${key}=` let ca = document.cookie.split(';') for(let i=0; i<ca.length; i++) { let c = ca[i].trim() if (c.indexOf(name) === 0) { res = c.substring(name.length, c.length) } } } return res}const setStorage = function(key, val) { ///localStorage.setItem / cookies if(_isLocalStorageSupported()) { window.localStorage.setItem(key, val) }else { ///cookie let d = new Date(); d.setTime(d.getTime()+(30*24*60*60*1000)); let expires = `expires=${d.toGMTString()}`; document.cookie = `${key}=${val}; ${expires}`; }}复制代码
封装set和get的全局公共方法
补充
关于为啥 unhandled promise rejection 我有点不理解
我是做了catch处理的,这个setItem是在.then()回调里执行的,应该被正常catch而不至于最后被进程捕获。很奇怪,有没有大佬知道原因的,欢迎评论告诉我,谢谢。
完
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- 隐私保护新突破:高斯差分隐私框架与深度学习结合
- Android 隐私安全更新一览
- 日志中的用户隐私安全
- 日志中的用户隐私安全
- 【PPT分享】德国信息技术安全、隐私及责任中心张阳博士——现代隐私权:“社交网络与机器学习模式”案例研究
- [译] 聚焦 Android 11 : 隐私和安全
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
计算机网络(第5版)
Andrew S. Tanenbaum、David J. Wetherall / 严伟、潘爱民 / 清华大学出版社 / 2012-3-1 / 89.50元
本书是国内外使用最广泛、最权威的计算机网络经典教材。全书按照网络协议模型自下而上(物理层、数据链路层、介质访问控制层、网络层、传输层和应用层)有系统地介绍了计算机网络的基本原理,并结合Internet给出了大量的协议实例。在讲述网络各层次内容的同时,还与时俱进地引入了最新的网络技术,包括无线网络、3G蜂窝网络、RFID与传感器网络、内容分发与P2P网络、流媒体传输与IP语音,以及延迟容忍网络等。另......一起来看看 《计算机网络(第5版)》 这本书的介绍吧!