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

处理如题需求，我们须要先了解相关知识

需要先掌握uni-app关于数据缓存的api 传送门
需要了解html5的plus关于Storage模块的知识传送门

如下h5代码

document.addEventListener('plusready', function(){plus.storage.setItem('info', '喵喵喵~~~');//存数据let ret = plus.storage.getItem('info');//取数据console.log(ret); //控制台输出 '喵喵喵~~~'
}）

如下uni-app代码

onShow(){uni.setStorageSync('info', '喵喵喵~~~');//存数据let ret = uni.getStorageSync('info');//取数据console.log(ret); //控制台输出 '喵喵喵~~~'
}

Tips: 上述代码中 h5存数据，uni-app中可以根据h5存的键取到相对应的值，反之亦可！

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

pc网站和手机端h5网站开发接入微信支付
有关支付类开发,现在比以前要简单很多了,微信和支付宝两大支付巨头早已经给出了非常详细的接入文档,并且迭代了好多版本,但在实际开发中其实文档的可读性还是有些磕磕绊绊的,而且也有一些坑需要注意.以微信支付 ...
手机端H5开发，屏幕不同尺寸适配方法（屏幕自适应）
最近在接触手机端H5开发,然后设计师将设计图发给我们进行开发,对于第一次接触详细设计图开发的我来说,觉得很新颖毕竟一直没有接触这么正规的设计图(字体样式,颜色,大小等等),之后再开发的时候,就遇到了一 ...
Android Studio 基础之简单获取手机端所有图片
Android Studio 基础之简单获取手机端所有图片目录 Android Studio 基础之简单获取手机端所有图片一.简单介绍二.实现原理三.注意实现四.预览效果五.实现步 ...
h5适配华为手机_手机端H5页面适配踩坑
这两天在公司做手机端H5页面,第一次开发没什么经验,对rem, pt, ppi, dpr这些概念完全不懂,看了很多博客,现总结如下. 对于不同像素宽度的手机,如何做到每一个元素自动缩放? rem: f ...
html 如何实现一条竖线边上有刻度_Android H5交互Webview实现localStorage数据存储
先看看效果图吧-- 实现比较简单,但是第一次用可能会遇到一些坑首先得有Webview控件: 有人问我是不是需要写布局文件,不写行不行,现在我就告诉你们,不写没问题,需要写就写不写直接创建New一个也 ...
h5可拖动悬浮按钮_手机端H5悬浮按钮怎么实现的呢？
最近公司项目需要在H5页面上悬浮一个按钮,同时要求按钮是可以拖动的并且需要可以自动贴边,无奈前端小伙伴不怎么给力,无奈只能我顶上了.我觉得这种情况应该可以抽出一个组件,这次就仔细探讨一下悬浮按钮的实现 ...
JS实现视频试看提示付费功能手机端 H5网页
手机端网页 JS实现视频试看功能,到时间自动停止播放 H5 场景:视频播放对未付费的用户只播放两分钟付费的用户可正常播放思路:监听视频播放时间,到达预定时间的时候, 暂停视频播放, 同时关闭大 ...
从手机端 H5 制作来看 WEB 动画的术与道
我们在微信朋友圈里经常看到很多人分享 H5 的链接,有的科技感十足,有的展示炫目,有的非常有创意,各大公司也把H5作为他们品牌传播,活动预热的很好方式.企业商户对于这种方式也很有好感,从而导致了 H5 ...
chrome浏览器调试手机端h5页面
这个是常识性的问题了.奈何我之前确实是不知道.只知道用F12来调试PC端的页面,这次经过同事指点,终于知道为啥人家在浏览器调试手机端页面,显示的大小都是手机端的. 步骤: 1.打开F12 2.如果所示 ...

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

处理如题需求，我们须要先了解相关知识

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

最新文章

热门文章