您的位置首页百科知识

微信公众号使用LocalStorage解决返回缓存问题

微信公众号使用LocalStorage解决返回缓存问题

的有关信息介绍如下:

微信公众号使用LocalStorage解决返回缓存问题

在开发微信公众号上应用程序时,遇到了一个普遍的问题,从A页跳转到B页后,再由B页跳转回A页,A要要保持跟跳转前一致,本文将介绍我们是如果解决的,最后选择了LocalStorage的。

创建两个经典的跳转结构页,A为列表,B为详细。新闻类、消息类的都是这么设计的。(图片以baidu的代替)。当检测localStorage容量上限文章跳转回列表后,列表仍然要跟跳转时一样。

第一种解决方案,优化速度。让加载速度变快,但是同事在3G信号模式下,信号差时返回也是很慢

第二种解决方案,使用Ajax加载A页面,从A跳转到B后,再由B跳转会A,发现只有IOS支持,Android不支持

第三种解决方案,使用Cookie记录的方式来完成,可以实现,但是Cookie需要再跑一次服务器,还是需要连接。

第四中解决方案:LocalStorage,很好的解决了返回的问题,存储支持为5M,我们的程序只在跳转的时候记录就可以,重新刷新页面时就清空了,而且Android和IOS都能很好的支持。

使用Chrome浏览器查看localstorage的值

最终使用Ajax+LocalStorage的方式解决了