uni.getStorageSync获取手机端H5存储的缓存（localStorage）数据

最新推荐文章于 2025-05-07 10:08:34 发布
最新推荐文章于 2025-05-07 10:08:34 发布
阅读量1.5w 收藏 15
点赞数 2
分类专栏： js javascript uni-app 文章标签： js vue 缓存
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_39376990/article/details/108452725
版权
本文介绍了如何在uni-app中通过uni.getStorageSync方法获取HTML5页面本地存储（localStorage）的数据。首先，需理解uni-app的数据缓存API和H5的Storage模块。示例代码展示了H5存储数据和uni-app读取数据的过程，强调了两者之间的数据互通性。

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

处理如题需求，我们须要先了解相关知识
  1. 需要先掌握uni-app关于数据缓存的api 传送门
  2. 需要了解html5的plus关于Storage模块的知识 传送门

如下h5代码

document.addEventListener('plusready', function(){
   
	plus.storage.setItem(
最低0.47元/天 解锁文章
uni-app 中的数据缓存
郭宝的博客
08-05 5678
uni-app 中的数据缓存
uniapp项目开发踩坑篇
weixin_49115895的博客
04-14 1539
uniapp项目开发踩坑篇 因为是第一次尝试使用uniapp开发app，对个平台兼容性不是很清楚，所以在开发过程中遇到了不少问题，特地来总结一下 存储机制 uni-app的localStorage在不同端的实现不同 H5端为localStorage，浏览器限制5M大小，是缓存概念，可能会被清理 app端为原生的plus.storage，无限制大小，不是缓存，是持久性的 各个小程序端为其自带的storage api，数据存储生命周期跟小程序本身一致，即除用户主动删除或超过一定时间被自动清理，否则数据都一直可
uniapp 之 本地存储
jun_tong的博客
09-27 2756
uniapp提供了一种简单易用的本地存储方式，它可以将数据存储到浏览器的LocalStorage中，也可以存储到微信小程序的本地缓存中，以满足不同平台下的需求。可以使用uni.setStorageSync()方法将数据存储到LocalStorage中，该方法接受两个参数，第一个参数是存储的键名，第二个参数是存储的键值。可以使用uni.setStorageSync()方法将数据存储到本地缓存中，该方法接受两个参数，第一个参数是存储的键名，第二个参数是存储的键值。二、LocalStorage的使用。
uniapp本地存储的几种方式localStorage
nalanxiaoxiao2011的博客
02-02 4648
前端本地存储 localStorage 遇到的问题
UniApp 本地存储使用指南（替代 localStorage）
最新发布
专注分享前沿IT技术，包括AI开发、Web开发、数据库、运维等领域的实战教程。全程保姆级讲解，手把手带你从入门到精通！
05-07 323
在中，的使用方式并不是原生浏览器的（虽然在 H5 端可以用），而是推荐使用等，这样可以兼容多端。
#Uniapp：数据缓存uni.setStorage、uni.setStorageSync、uni.getStorage、uni.getStorageSync、uni.getStorageInfo..
...
01-15 3820
从HBuilderX2.6.6+起，App-Android平台对本地storage数据存储进行了性能优化，老用户升级注意事项，详见：https://ask.dcloud.net.cn/article/37071。将 data 存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个同步接口。将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。从本地缓存中异步获取指定 key 对应的内容。从本地缓存中同步获取指定 key 对应的内容。
uniapp H5与vue之间存取缓存
weixin_47490704的博客
11-23 1909
1.vue存与h5取 vue： uni.setStorageSync('isClick', true) h5： JSON.parse(plus.storage.getItem('isClick')).data 2.h5存与vue取 vue： uni.getStorageSync('isClick') h5： plus.storage.setItem('isClick',""+false) 注：plus.storage.setItem()不能直接存false，得加上"" ...
vue、uniapp使用localstorage完成历史搜索功能
qq_42642780的博客
06-09 5990
本人小白最近在学习vue和uniapp，现在在做一个魅族商城的项目，做到了历史搜索这一块，想分享一下，希望大家可以指出错误！！！（博客处女作） 说明：这里主要说的是点击搜索按钮，然后你新输入的文本就会出现在下面搜索历史的第一个，最多可以添加8个，大于8个则删除最后一个元素，其他功能这里不说明，可以私聊我一起学习哈 vue文件中的父组件 因为这里不是在同一个组件实现 <view class="right-text" " @click="search">搜索</view> metho
uni.getStorageSync 数据丢失
02-15
例如，在 H5 端由于 localStorage 的容量限制 (仅 5MB)，如果超出限额可能导致旧数据被清除；而在 App 端则采用更稳定的持久化方式处理缓存。 ### 解决方案建议 为了有效防止因上述因素造成的数据丢失现象，可以...
uni-app 经验分享，从入门到离职（五）——由浅入深 uni-app 数据缓存
热门推荐
黛琳ghz的博客，期待你的关注。
02-23 3万+
这篇文章是本专栏 uni-app 的基础篇的第五章，文章的主要内容是关于 uni-app 数据缓存的相关知识，包括如何使用 uni-app 提供的数据缓存 API 进行数据的读取、存储和删除操作。
Vue框架中uni.getStorageSync 和 uni.setStorageSync的使用
m0_65776770的博客
03-08 2165
uni.getStorageSync 和 uni.setStorageSync的使用
【uni-app】StorageSync 取值/赋值/移除/清空操作
loyd3的博客
04-27 1万+
取值 function get(key,sync = true) { try { if(sync){ return uni.getStorageSync(key); }else{ let data = ''; uni.getStorage({ key:key, success: function (res) { data = res.data; } }); return data; } } catch (e) {
uni-app——storage的使用(Storage、StorageSync)
qq_44862029的博客
02-27 2万+
一.uni.setStorage(OBJECT)OBJECT 参数uni.getStorage()uni.removeStorage()二. uni.setStorageSync(KEY,DATA)参数说明uni.getStorageSync()uni.removeStorageSync()注意 一.uni.setStorage(OBJECT) 将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。 OBJECT 参数 参数名 说明 k
uniapp没有localstorage可使用uni.setStorage
浮游的博客
06-06 1653
WEB应用的快速发展，本地存储一些数据也成为一种重要的需求，实现的方案也有很多，最普通的就是cookie了，大家也经常都用，但是cookie的缺点是显而易见的，其他的方案比如：IE6以上的userData，Firefox下面的globalStorage，以及Flash的本地存储，除了Flash之外，其他的几个都有一些兼容性的问题。// 获取指定key 本地存储数据的值。// 删除指定key 本地存储的值。1、将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。
【uniapp】介绍、常用标签、请求&localStorage封装
阿晨的博客
03-03 3323
【uniapp】介绍、常用标签、请求&localStorage封装
uniapp本地存储（uni.setStorageSync，uni.setStorage）
2401_82816130的博客
03-24 7366
uniapp本地存储分为同步和异步存储
一文读懂Uniapp的setStorage、setStorageSync、getStorage以及getStorageSync（附Demo）
码农研究僧的博客
04-15 9962
uni.setStorage({key, data, success, fail, complete})：将数据异步存储到本地缓存中，可提供成功、失败和完成时的回调函数 uni.getStorage({key, success, fail, complete})：从本地缓存中异步获取数据，可提供成功、失败和完成时的回调函数
解决uniapp打包成apk后uni.getStorageSync获取不到值
请叫我欧皇！的博客
01-05 2936
uniapp写的项目，在hbuilderx中云打包成apk后我在登录存储的token死都获取不到，导致后续接口请求头没有token连接不到接口，试过了很多种方法，uni.getStorageSync、uni.setStorage和uni.getStorage进行存储、vuex还有全局变量...没一个成功的。但是在同一个页面进行存储和取值是可以实现。所以猜想是写法的问题。
uniapp本地存储（uni.setStorageSync和uni.setStorage）
m0_64590669的博客
04-25 1万+
uniapp本地存储（uni.setStorageSync和uni.setStorage）
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值