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

申请完sf的博客这么久一直都没动手写点东西，现在来记录一个前几天项目里踩到的一个坑。

场景

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

原因

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

解决

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

try {
    window.localStorage.foobar = "foobar";
} catch(_) {
    alert("本地储存写入错误，若为safari浏览器请关闭隐身模式浏览。");
}