踩坑记录——iphone上safari开启隐身模式时localStorage变为只读

2017-02-21 分类：后端之路阅读(4708) 评论(4)

场景

项目中某部分代码有用到localStorage储存数据，该部分代码在线上一直正常跑着。直到前几天突然有用户反馈有个页面在他iPad safari上显示不正常，遂用iPad一整调试后找到原因。

原因

ios上safari开启隐身模式时，localStorage无法写入新的内容，并且会抛出异常导致js无法正常执行，最终页面无法正常加载。

解决

使用try catch包裹对localStorage写入的代码：

try {
    localStorage.setItem('refer', this.$route.query.refer); //来源渠道
    localStorage.setItem('channel', this.$route.query.channel); //来源地址
    localStorage.setItem('from_xdy', this.$route.query.from_xdy)
} catch(e) {
    layer.msg('本地储存写入错误，若为safari浏览器请关闭隐身模式浏览。');
}