safari浏览器下 localStorage会报错的BUG

最新推荐文章于 2022-03-07 20:58:34 发布
原创 最新推荐文章于 2022-03-07 20:58:34 发布 · 2k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文描述了一个移动端测试中遇到的问题：使用苹果Safari浏览器时，因localStorage直接写在外层而导致无法获取后台数据的情况。通过注释掉特定的localStorage代码解决了这一问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在移动端测试项目时，发现用苹果自带的safari浏览器打开域名时，页面拉取不到后台的数据；

测试了很久，发现 是注释了 localStorage.setItem("BGmusic","0");  这段代码就可以了；

虽然不知道为啥 H5本地存储localStorage 直接写在外面会报错，但是去掉，就没问题了。

前端面试基础合集——JQ
HarryHY的博客
12-27 680
1.html5新特性和css3的新特性有哪些？ html5新特性： 用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持 localStorage&sessionStorage 新的特殊内容元素，比如 article、footer、header、nav、section 新的表单控件，比如 calendar、date、time、emai...
Web前端面试题整合，持续更新【可以收藏】
jason的java世界
12-12 1725
css相关、JS相关、浏览器网络相关、vue相关、react相关、移动端相关、插件及工具相关、前端性能优化、原生通信、算法相关、node相关、计算机基础
ios-safari浏览器存储问题
我叫陈小皮。
01-30 1640
当safari手机开启无痕浏览时会导致localstorage存储失败，js报错，可以加以下判断 try{ window.localStorage.setItem('curTab', this.currentTab) // 记录当前tab }catch(e){ alert("本地储存写入错误，若为safari浏览器请关闭无痕模式浏览。"); } ...
safari无痕模式localStorage报错
谁说学美术将来只能卖画了，我也有自己的梦想。
05-23 3358
无痕模式应该是禁用了localStorage对象,但是window.localStorage是存在的 但是document.cookie是可以使用的try { localStorage.setItem('isPrivateMode', '1'); localStorage.removeItem('isPrivateMode'); window.isP
IOS下的safari下localStorage不起作用的问题
zhoujianjava的博客
09-06 6869
用vue开发的项目在登录的时候，无意中发现ios10.3以后版本登录没反应，测试时发现 此处之后无法执行，查阅资料后发现 在度娘上没找到答案，最后到google发现有人说是Private Browsing Mode引起的。然后查看IOS的safari没有发现隐私设置什么的 后来点击右下角小框框发现有个无痕浏览的模式。MD，关闭后一切正常 // Safari, in
localStorage在Safari浏览器无痕模式下失效
金大光
04-08 4541
Safari无痕模式是不能使用localStorage的
在IOS手机safari浏览器的无痕模式下，localStorage不起作用
weixin_30466421的博客
08-19 718
无痕模式是黑色风格，正常模式是白色风格。在无痕模式中，使用localStorage.setItem()会报错，但在window对象下确实有localStorage.setItem方法。 if (typeof localStorage === 'object') { try { localStorage.setItem('localStorage', 1); ...
前端面试总结
czy19970301的博客
09-16 2430
注册登录是怎么实现的 1.登陆注册要做成受控组件，组件定义state，和表单绑定 2.redux-saga调用数据请求，发送action修改数据， useEffect中dispatch发送数据请求，后端比对用户名是否重复，返回state 3.前端根据返回的信息成功跳转登陆页 4.登陆发送数据请求，数据库对比用户名密码是否正确, 根据后端返回的结果进入首页 5.setCookie将用户登录名密码token存cookie中 通过JWT(Json web token) 6.免密登陆 getC
Vue模仿todo超详细讲解（附源码）
RoddyLD的博客
06-12 844
Vue模仿todo超详细讲解（附源码）前言一、todo基本DOM结构二、todo功能需求分析1.新增任务2.点击变成完成状态 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 一、todo基本DOM结构 代码如下： <!DOCTYPE html> <html> <head> <meta http-equiv="content-type
2021-6月面试总结-vue，uniapp，小程序，h5，更新中
目标检测专栏持续更新中，改进YOLO系列通用，适用v5、v7、v8、所有博客均是团队原创博客，所有文章禁止转载，违者必究。
03-07 1013
**一、**vue 2.6.11 vue****页面的生命周期？ 总共分为8个阶段创建前/后，载入前/后，更新前/后，销毁前/后。 创建前/后： 在beforeCreate阶段，vue实例的挂载元素el和数据对象data都为undefined，还未初始化。在∗∗created∗∗阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在**created**阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在∗∗cre
IOS下的safari下localStorage不起作用的问题以及解决方法
weixin_34197488的博客
08-26 4046
为什么80%的码农都做不了架构师？>>> ...
ios html5 localstorage,iOS中LocalStorage相关技术
weixin_36179933的博客
06-16 1337
1.localStorage介绍在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。2.localStorage的优势1、localStorage拓展了co...
IOS下localstorage不起作用提示
qq_33249977的博客
06-29 6163
if (typeof localStorage === 'object') { try { localStorage.setItem('localStorage', 1); localStorage.removeItem('localStorage'); } catch (e) { Storage.prototype._setItem...
ios中safari无痕浏览模式下，localStorage的支持情况
weixin_30547797的博客
06-12 843
前言 　　前阶段，测试提了个bug，在苹果手机中无痕模式下，搜索按钮不好使，无法跳页，同时搜索历史也没有展示（用户搜索历史时使用localStorage存储）。 正文 　　iOS上Sarfari在无痕模式下，浏览器假装支持localStorage，并在全局window上暴漏了该方法，所以校验是有localStorage对象的，但是调用setItem进行保存的时候，就报Error: ...
不要直接使用localStorage,Safari的隐身模式下本地存储会被禁用
chizhaoyi5484的博客
09-30 701
由于Safari的隐身模式下本地存储会被禁用，如果你尝试往localStorage写数据的话，会报超出使用限制的错误： QuotaExceededError (DOM Exception 22): The quota has been exceeded. Data.hasLocalStorag...
localstorage的那些事
qq_32538087的博客
07-02 467
localstorage 的详细介绍就不多说了，菜鸟教程上很详细。 菜鸟教程（可点击进入菜鸟教程的） 划重点。 目前所有的浏览器中都会把localStorage的值类型限定为string类型，不论你存进去的是数字还是什么，可以储存数组，获取时候用split(',')切割一下就好了，localStorage存对象需要转换,但是数组中有对象还是需要转换，把对象转成字符串就可以了。获取的时候再转...
localstorage在苹果手机浏览器无效
06-12 2931
苹果浏览器有一个无痕模式，关闭就有效啦 如果你用刀本地存储，能解决的方法就是添加判断啦， 可以试试下面的代码，判断是否支持（下面的代码是拷贝被人，我也忘记在哪抄的） function isLocalStorage() { var testKey = 'test', ...
safari隐私模式下LocalStorage无法使用
只爱艾薇儿
03-06 1106
github地址 资料: https://github.com/fa-ge/blog/issues/4 报错 6596QuotaExceededError: DOM Exception 22: An attempt was made to add something to storage that exceeded the quota. 一些解释： http://stackoverfl...
ios 中 localstorage有时失效的问题
热门推荐
hbts_901111zb的博客
08-04 2万+
ios中 由子页面setItem值，history.back返回主页面，有时会get不到item值，查询外文资料知道 localstory值仍然是存在的，但是setItem会报异常 quotaExceededError，所以在返回主页面后getItem和removeItem会被忽略。        针对以上问题  我们可以用store.js来解决。store.js 是一个兼容所有浏览器的 Loc
浏览器的localstorage怎么查看
最新发布
11-25
浏览器的localStorage是一种Web存储机制，允许网页在用户的浏览器端持久地存储数据，无需依赖服务器。查看localStorage的内容通常涉及以下几个步骤： 1. **获取访问权限**：首先需要通过JavaScript来操作 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值