用localStorage进行本地存取数据时报错，但在别人的浏览器可用的原因

最新推荐文章于 2025-06-01 23:59:28 发布
最新推荐文章于 2025-06-01 23:59:28 发布
阅读量6.5k 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： Chrome报错 文章标签： 前端 谷歌浏览器 localStorage报错
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/KamyoChae/article/details/80857232
本文介绍了解决谷歌浏览器中因被拒绝访问localStorage属性而引发的Uncaught DOM Exception错误的方法。该问题可通过关闭浏览器设置中的第三方Cookie选项来解决。

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

报错：Uncaught DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.


解决办法：和中文路径没有关系，我用的是谷歌，直接把设置里面的这个关掉就行了



谷歌浏览器： 高级 > 隐私设置和安全性 > 内容设置 > Cookie > 阻止第三方Cookie

Java后台开发工程师面试要点准备
FantasticPan的博客
04-23 2492
自己整理的Java开发面试知识点，涵盖多个方面，我自己在找工作面试时也是对照这个来复习的。由于本人知识能力有限，知识点涵盖并不全面，且深度不够，还请见谅。如有错误，还请指正，希望能够帮到有需要的人
Chrome local/session Storage 无法写入或有数据但是看不到。
Damon的博客
01-12 4097
Chrome F12中文面板不显示local/session Storage内的值
localStorage在安卓内内置浏览器中报错解决
06-29
localStorage在安卓内内置浏览器中报错解决，最好的解决的方法
在localStorage中存取对象报错？
m0_58237008的博客
10-10 353
localstorage存取对象被转换为字符串问题
安装了vue插件devtools, 但是控制台不显示
最新发布
Tao 技术博客
06-01 448
解决vue 插件devtools 不显示问题
Failed to read the 'localStorage' property from 'Window' 的解决办法
pic_me的博客
02-02 2万+
参考链接： https://stackoverflow.com/questions/30481516/iframe-in-chrome-error-failted-to-read-localstorage-from-window-access-den Failed to read the 'localStorage' property from 'Window' : A
android webview 中localStorage无效的解决方法
09-03
主要介绍了android webview 中localStorage无效的解决方法,本文直接给出解决方法实现代码,需要的朋友可以参考下
H5打包成安卓app后，js的localstorage失效报错
m0_45456399的博客
11-30 3302
项目在打包成安卓APP后发现首页不展示了，后进行try catch排查发现，如下图。 几经百度后发现，安卓支持localStorage浏览器的存储方法。 android 在没有配置的情况下webview不支持h5的localstorage，2种解决方式 1：用cookie。 2：让android开发配置localstorage权限。 ...
localStorage取值为undefined的一种解决方式
weixin_43809055的博客
05-30 7928
写代码的时候发现localStorage取值为undefined，这是我刚开始的写法： 但是在其他页面取值的时候变成了undefined，导致传到接口的数据为undefined： 百度后使用了这种写法： 取数据： 效果如图： ok，完成 ...
从localstorage中获取数据
热门推荐
weixin_41929274的博客
01-21 3万+
项目中,伴随着用户登录进系统,会带着一系列的数据进来,保存在store或者localstorage中,比如 如图所示,数据在localstorage的user中,这里注意一下,正常情况下取user中的createTime可以用一个对象点一个对象,但是这里通过localstorage.getItem('user').user.createTime获取不到,返回值是undefined,这是为什么...
Uncaught DOMException: Failed to read the ‘localStorage‘ property from ‘Window‘: Access is denied fo
a_的博客
04-20 1412
Uncaught DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.
Failed to read the 'localStorage' property from 'Window': Access is denied ...
卡尔特斯
08-27 1380
报错: Uncaught DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document. 原因是浏览器开启了 阻止第三方 Cookie 访问，一般 隐身模式 会默认开启阻止。 Chrome 在 隐身模式 下手动开启一下 设置 -> 隐私设置...
Failed to read the ‘localStorage‘ property from ‘Window‘: Access is denied ...
卡尔特斯
08-27 2612
报错: Uncaught DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document. 原因是浏览器开启了 阻止第三方 Cookie 访问，一般 隐身模式 会默认开启阻止。 Chrome 在 隐身模式 下手动开启一下 设置 -> 隐私设置和安全性 -> Cookie 及其他网站数据 -> 允许所有 Cookie ...
解决 Failed to read the ‘localStorage‘ property from ‘Window‘: Access is denied...
卡尔特斯
08-09 1万+
报错这个，一般是在浏览器 隐身模式 下使用 localStorage、cookie 存储操作导致的，或者是浏览器正常模式下开启了 阻止第三方 Cookie 权限。 打开浏览器 设置 -> 隐私设置和安全性 -> Cookie及其他网站数据 -> 允许所有Cookie，关闭其他阻止选项（针对 Chrome 浏览器，其他浏览器 Cookie 设置的位置可能有所不同） ...
浏览器控制台报错：Uncaught DOMException: Failed to read the ‘localStorage‘ property from ‘Window‘：Access is d
前端笔记——放弃很容易,但坚持一定很酷
02-04 3560
不同浏览器的设置选项不同：主要的思路就是将浏览器的Cookie设置成允许第三方Cookie。浏览器默认是选择第二项：在无痕模式下阻止第三方Cookie，所以才会出现问题。
Uncaught SecurityError: Failed to read the ‘localStorage‘ property from ‘Window‘: Access is denied f
weixin_40803490的博客
10-25 2206
进入浏览器->设置->隐私和安全->允许第三方cookie，如果还是不行先设置->阻止第三方cookie->打开有问题的网页->按图二设置成允许->刷新页面->不行再返回浏览器设置允许第三方cookie->刷新就行了。
解决 Failed to read the 'localStorage' property from 'Window': Access is denied...
卡尔特斯
08-09 885
报错这个，一般是在浏览器 隐身模式 下使用 localStorage、cookie 存储操作导致的，或者是浏览器正常模式下开启了 阻止第三方 Cookie 权限。 打开浏览器 设置 -> 隐私设置和安全性 -> Cookie及其他网站数据 -> 允许所有Cookie，关闭其他阻止选项(针对 Chrome 浏览器，其他浏览器 Cookie 设置的位置可能有所不同) ...
Failed to read the ‘localStorage‘ property from ‘Window‘: Access is denied for this document.
神zhi殇的博客
06-22 4118
Failed to read the ‘localStorage’ property from ‘Window’: Access is denied for this document.报错这个，一般是在浏览器 隐身模式 下使用 、 存储操作导致的，或者是浏览器正常模式下开启了 阻止第三方 权限。解决方法： 在Chrome设置菜单中： 高级 > 隐私设置和安全性 > Cookie 及其他网站数据 > 常规设置 > (选择)允许所有Cookie...
2020-11-05 Failed to read the ‘localStorage‘ property from ‘Window‘: Access is denied for this docum
yuyu_2019的博客
11-05 1149
发布完页面后，发现有个样式不对 打开Chrome的无痕模式，想看看是不是缓存 结果无痕模式下页面报错 Failed to read the 'localStorage' property from 'Window': Access is denied for this docum 回到普通页面下看看没报错，清个缓存看看也没报错 后来百度发现，是Chrome无痕模式设置的问题 默认设置，在无痕模式下阻止第三方 Cookie 所以localStorage在无痕模式下报错了 设置-隐私设置和安全性
localStorage本地存取
02-18
### 使用 `localStorage` 进行浏览器端的数据存取 #### 存储数据 为了向 `localStorage` 添加数据，可以使用 `setItem()` 方法。此方法接受两个参数：一个是键名（字符串形式），另一个是要存储的值。 ```javascript // 设置名为 "username" 的条目，其值为 "JohnDoe" localStorage.setItem("username", "JohnDoe"); ``` 对于更复杂的数据结构，比如对象或数组，则可以通过 JSON 序列化来保存： ```javascript const user = { name: 'Alice', age: 28 }; localStorage.setItem('userProfile', JSON.stringify(user)); ``` #### 获取数据 要从 `localStorage` 中检索已有的数据项，可调用 `getItem()` 函数并传入相应的键作为参数。 ```javascript let username = localStorage.getItem("username"); // 返回 "JohnDoe" // 如果之前存储的是序列化的JSON对象，则需反序列化处理 let userProfile = JSON.parse(localStorage.getItem('userProfile')); console.log(userProfile.name); // 输出 Alice ``` #### 更新现有记录 当需要修改已经存在的键对应的值时，同样采用 `setItem()` 来覆盖旧的内容即可实现更新目的。 ```javascript localStorage.setItem("username", "JaneSmith"); // 覆盖原来的 JohnDoe ``` #### 删除单个条目或多条目 如果想要移除某个特定的键及其关联的数据，应该利用 `removeItem()`；而清空整个域下所有的 `localStorage` 数据则需要用到 `clear()` 方法。 ```javascript localStorage.removeItem("username"); // 移除用户名字段 localStorage.clear(); // 清理所有本地储存的信息 ``` #### 遍历所有键值对 有时也需要遍历全部存储于 `localStorage` 内部的所有项目，在这种情况下，可以借助循环语句配合 `key(index)` 和 `length` 属性完成迭代访问每一个元素。 ```javascript for (let i = 0; i < localStorage.length; ++i){ let currentKey = localStorage.key(i); console.log(`${currentKey}: ${localStorage.getItem(currentKey)}`); } ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值