雅荷心语博客
雅荷心语
心之所向便是光
  • 首页
  • 前端之旅
  • 后端之路
  • 软件工具
  • 心灵鸡汤
  • 心路历程
  • 视频资料
  • 关于我们
    • 关于我
    • 关于我
  • 微信平台
    • 业务合作
  • 首页
  • 前端之旅
  • 后端之路
  • 软件工具
  • 心灵鸡汤
  • 心路历程
  • 视频资料
  • 关于我们
    • 关于我
    • 关于我
  • 微信平台
    • 业务合作
  • 关注本站
    • 微信
    • 微博
    • 腾讯微博
    • Twitter
    • Facebook
    • RSS订阅
Hi, 请登录     我要注册     找回密码

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

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

场景

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

原因

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

解决

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

1
2
3
4
5
6
7
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浏览器请关闭隐身模式浏览。');
}

 

喜欢 (1) 赏 讨厌 (0)
分享到:更多 ()
标签:踩坑

相关推荐

  • nginx 负载均衡初了解
  • 关于代码自动更新的一次实验
  • 关于 mysql 怎么安装审计插件的记录
  • 自用phpstorm破解补丁
  • 三种微信小程序VR实现方法
  • 使用ffmpeg.wasm在前端html网页上压缩视频解决方案
  • 要SSR? NUXT项目从初始化到部署服务器流程全记录
  • 制作抖音照片会唱歌-吗咿呀嘿, 除了使用Avatarify,现在官方也出滤镜支持了

评论 4

取消

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    我看到了layer

    前端小武6年前 (2017-04-06)回复
    • 这边公司移动端首选弹层控件

      天明宝宝6年前 (2017-04-07)回复
      • 看看效果

        天明宝宝6年前 (2017-04-07)回复
        • 再看看

          天明宝宝6年前 (2017-04-07)回复
关于我

小天明 北京·朝阳 前端搬砖工程师

碎碎念):(来自公众号)

热门文章

  • 踩坑记录——iphone上safari开启隐身模式时localStorage变为只读-雅荷心语博客踩坑记录——iphone上safari开启隐身模式时localStorage变为只读2017-02-21评论(4)
  • 程序员是怎样一群人-雅荷心语博客程序员是怎样一群人2015-12-08评论(3)
  • git 操作那些小事-雅荷心语博客git 操作那些小事2017-03-04评论(2)
  • PHPStorm10 下载安装破解汉化-雅荷心语博客PHPStorm10 下载安装破解汉化2015-12-15评论(2)
  • call_user_func_array 这个函数什么时候用-雅荷心语博客call_user_func_array 这个函数什么时候用2016-09-02评论(2)
2023年2月
一 二 三 四 五 六 日
« 一    
 12345
6789101112
13141516171819
20212223242526
2728  

最新评论

  • 前端小武 6年前 (2017-04-06)说:
    我看到了layer
  • 丁艳平 6年前 (2017-03-03)说:
  • Dawn 6年前 (2016-09-16)说:
    call_user_func_array最后的例子是错哦,你用bc方法去调用类里 另外一个方法就知道问题所在了。情况1.调用非静态方法 第一个参数应该传[类的实例,调用方法] (既然有类实例了直接-&
  • Dawn 7年前 (2016-06-21)说:
    tp框架设置了全局捕获异常的,这也没什么。坑的是 他捕获了异常。然后全部返回404。。。不知道的 还以为自己网站被删除了
  • Dawn 7年前 (2016-05-17)说:
    构造函数里的判断 用异常机制可能更好一些

左邻右舍

  • Brian's Blog
  • 易水寒
  • 楼教主
  • 贤心
  • 阿米龙

雅荷心语博客 -心之所向便是光

联系我们关于我们

© 2023 雅荷心语博客   网站地图

emlogdux_heademlogdux_footer