记录微信小程序webview载入h5，localstroge缓存失效问题

于 2024-06-24 10:40:59 发布
阅读量252 收藏
点赞数 2
文章标签： 微信小程序 缓存 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43073383/article/details/139918852
版权

项目结构是微信小程序webview载入h5，有个功能是localstroge缓存登录证书
经查找资料是内存不足、进程被杀、微信主动杀掉等原因被干掉以后，跟浏览器相关LocalStorage被清掉了
参照下列链接

https://developers.weixin.qq.com/community/develop/doc/00020eeb25c0f879fb88a6adb56400
https://developers.weixin.qq.com/community/develop/article/doc/0002ae4208cfa04ccc4dcaad456413
https://developers.weixin.qq.com/community/develop/doc/0008287e000e502052380c19a56c00
https://developers.weixin.qq.com/community/develop/doc/000a8286a2447841ed00a8f1966000

修改方法是h5的登录证书传给小程序，在每次载入h5时候，在url上拼接上证书信息

给钱，谢谢！
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
cookie解决微信不能存储localStorage的问题
10-21
本文主要介绍使用cookie解决微信不能存储localStorage的问题,这里提供了代码示例,有需要的小伙伴可以参考下
微信小程序webview与h5通过postMessage实现实时通讯的实现
01-19
在做 React Native 应用时，如果需要在 App 里面内嵌 H5 页面，那么 H5 与 App 之间可以通过 Webview 的 PostMessage 功能实现实时的通讯，但是在小程序里面，虽然也提供了一个 webview 组件，但是，在进行 post...
一招解决微信小程序中的H5缓存问题
追风人的博客
08-20 3926
一招解决微信小程序中的H5缓存问题 1、问题描述 开发过程中，为了更新代码方便，往往会在小程序中嵌入H5页面。但问题来了，小程序原生代码更新版本后，简单的从微信中删除或者代码强刷就可以解决缓存问题，但小程序中嵌入的H5页面，无论是删除小程序，还是清空微信缓存，都无法刷新到新的H5代码。本文就彻底解决这个问题。 2、解决方案 重点：在url中加入版本号，每次发布都更新版本号 例如： 将 https://XXX.com/#/user/list 更改为： https://XXX.com/v/1/#/user/l
微信小程序开发中的数据缓存和离线存储
最新发布
qq_67153941的博客
05-21 616
数据缓存可以将数据暂时存储在客户端的内存中，以减少网络请求的次数，提高数据的加载速度。通过合理地使用数据缓存和离线存储，可以提高小程序的性能和用户体验，让用户在无网络连接时仍然可以使用小程序的功能。微信小程序开发中的数据缓存和离线存储是非常重要的功能，可以提高小程序的性能和用户体验。页面缓存是指当用户离开一个页面后，再次返回该页面时，页面的状态和数据会被缓存起来，以提高页面的加载速度。除了数据缓存，微信小程序还支持离线存储功能，可以将数据存储在客户端的本地存储空间中，在无网络连接时仍然可以使用。
微信小程序webview部分安卓机localStorage失效，兼容localStorage 和cookie
liu374322418的博客
01-11 9495
@TOC微信小程序webview（安卓）兼容localStorage 和cookie 一.出现问题 最近一一个项目小程序webview页面使用到小程序穿过去的数据进行调用，在苹果的手机都是没有用问题的，一直好好的，后面测试拿来了国产的各大品牌的安卓机测试，噩梦就开始了，在华为和oppe手机会出现localStorage存储的数据失效，导致传过去的数据没有了，造成业务流程不同。 二、原来的local...
关于微信中的localStorage及使用cookie的解决方案
weixin_30521649的博客
07-27 1479
最近搞微信公众号的开发，需要本地存储数据，这就产生了一个问题，微信中能不能用localStorage存数据？查找了网上资料，简单总结一下。 ▂▂▂▂__▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂__▂▂▂▂ 首先，微信环境其实是个webview组件而已，并不是真正意义上的什么内置浏览器。 安卓版微信直接调用系统浏览器内...
微信浏览器H5本地存储 localStorage 无效
weixin_45422787的博客
11-30 4050
微信浏览器H5 localStorage 无效 无效的： let data = JSON.stringify({}) // JS对象转JSON localStorage.setItem('data', data) JSON.parse(localStorage.getItem('data')) // parse JSON转js对象 生效的： localStorage.setItem(‘token’, ‘12354687987’) ocalStorage.getItem(‘token’) ...
在使用localstorage的时候发生了报错的解决办法
热门推荐
李大大的博客
08-13 1万+
在使用localstorage的时候，发生了报错，提示是传入的格式不正确，但是传入的是json格式，为什么不正确呢？ 1、在localStorage.setItem("",{})过程中，传进的参数需使用JSON.tringfy()方法转成json格式的字符串。 2、在localStorage.getItem("",{})过程中，要使用JSON.parse(localStorage.getIte...
微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析
10-16
主要介绍了小程序webview组件交互,内联h5页面并网页实现微信支付实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
微信小程序webview实现长按点击识别二维码功能示例
10-17
主要介绍了微信小程序webview实现长按点击识别二维码功能,结合实例形式分析了webview二维码识别相关操作技巧,需要的朋友可以参考下
微信小程序之数据缓存
03-29
在微信小程序中，数据缓存其实就和localstorage 的原理差不多，所以理解起来并不难。下面我们来一起实现一下。 效果图展示：  (此图片来源于网络，如有侵权，请联系删除! )  (此图片来源于网络，如有侵权，请联系...
localStorage在安卓内内置浏览器中报错解决
06-29
localStorage在安卓内内置浏览器中报错解决，最好的解决的方法
详解微信小程序缓存--缓存时效性
10-17
主要介绍了微信小程序缓存时效性，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
前端老司机教你解决: 崩溃的微信浏览器不能存贮状态的问题.
anjiye7641的博客
03-01 287
　　1 问题: 最近开发微信web页面, 需要在微信上储登录状态. 使用localstorage经常失效, 然后发现cookie可以实现,参考W3Cschool后方案如下: 　　2 解决方案如下: 　　 1 首先,创建一个可在 cookie 变量中存储访问者姓名的函数： function setCookie(c_name,value,expiredays) { var e...
解决微信内置浏览器与外置浏览器 localStorage.getItem(“token“) == ““ 打印不同的问题
weixin_43857786的博客
12-03 1855
同一句代码： localStorage.getItem("token") == "" 在微信浏览器内是false，外置浏览器是true！ 是因为在微信浏览器内输出的是null，为了解决这个问题，我们可以这样： !!localStorage.getItem("token") =="" 前面加两个!!，进行类型的转换，再进行比较 ...
游览器中的storage和微信小程序中的storage——【本地存储】
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
09-17 2206
了解这些特性可以帮助开发者根据不同的应用场景选择合适的存储方式，以提供更好的用户体验和数据管理。微信小程序的storage缓存是。微信小程序的storage缓存提供了一种方便的数据存储方式，但需要注意其存储限制和隔离策略，以确保数据的正确使用和管理。
关于微信缓存
qq_37902691的博客
12-27 3667
由于最近的一个项目要做一个类似广告的弹窗，点不再提醒，不再次显示弹窗，这里暂时由前端保存这个状态，但是按照要求针对用户不再提醒，把标记值给后端保存比较好，但是后端不愿意做，在测试的时候就牵扯到了缓存问题，事后某主管让我撰写一篇关于H5应用在微信缓存中的运行机制报告，，，感觉挺那啥的。因此我下了功夫去百度和研究了下，所以整理以下短文章（浅层了解）~~~ 下面是关于我个人的见解，如有不对，欢迎指正~ 所谓的微信缓存，就是在微信浏览器里打开网页的时候，请求了服务器，而产生的一系列资源，包括url解析——D.
微信h5 中的缓存问题
weixin_30824599的博客
08-01 2274
　　微信内置浏览器是标准的 WebView（Android下），跟普通 webAPP 本质上是一样的。当 WebView 因为内存不足、进程被杀、微信主动杀掉等原因被干掉以后，所有跟浏览器相关的信息全部灰飞烟灭，cookie、LocalStorage、SessionStorage、WebSQL 全部消失，就是在微信内存到上限后会清除缓存，localstorage的上限是5m不过不过根据不...
小程序内嵌的H5缓存机制
qq_38040571的博客
11-16 763
在ios机型上，跳转外部链接，再回来不会重新请求历史记录接口，但是之前渲染的聊天气泡都在，这就导致，在离开的这个期间，对方发的所有消息，H5页面都是不会再继续展示的，展示的还是之前的消息。解决这个问题的关键是，有些接口当页面重新回来的时候要重新加载一遍，我们可以把这一部分接口放进window的onpageshow事件里面去。当页面重新展示的时候，我去加载一遍我的接口。最近遇到了个奇怪的bug，当在聊天页面聊天的时候，点击了H5项目的链接，跳转出去了，回来之后，别人发的消息H5页面就看不到了。
微信小程序 webview 嵌套 h5 加载缓慢
06-10
微信小程序的 webview 嵌套 h5 加载缓慢可能有以下原因： 1. 网络问题：小程序和 H5 页面都需要联网，如果网络不稳定或者网速较慢，就会导致加载缓慢。 2. H5 页面过大：如果嵌入的 H5 页面过大，包含了大量的图片、视频等资源，就会导致加载速度变慢。 3. 小程序性能问题：小程序本身的性能也会影响到 webview 的加载速度，如果小程序的性能不足，就会导致 webview 加载缓慢。 4. H5 页面编写问题：如果 H5 页面的代码编写不规范，或者使用了过多的第三方库，也会导致加载缓慢。 解决这个问题可以尝试以下方法： 1. 优化网络：确保网络连接稳定，可以使用 CDN 加速等方式来加快网络速度。 2. 优化 H5 页面：减少图片、视频等资源的大小，可以使用压缩工具来减小文件大小，避免过多使用第三方库。 3. 优化小程序性能：尽量避免小程序卡顿、占用过多的内存等问题，可以使用微信官方提供的性能优化工具进行优化。 4. 使用其他解决方案：可以考虑使用其他的解决方案来替代 webview 嵌套 H5 页面，例如使用小程序原生组件来实现相应的功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

给钱，谢谢！

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值