`
cuiyadll
  • 浏览: 203599 次
文章分类
社区版块
存档分类
最新评论

使用cookie解决微信不能存储localStorage的问题

阅读更多
最近在开发基于微信的Web页面时,发现有些机型不能存储信息到localStorage中,或者是页面一旦关闭,存储的信息也失效了。

于是想到用cookie来替代localStorage,存储一些简单的数据。上网查找了一下,发现w3school上已有不错的解决方案。

//设置cookie
function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
}

//取回cookie
function getCookie(c_name)
{
if (document.cookie.length>0)
  {
  c_start=document.cookie.indexOf(c_name + "=")
  if (c_start!=-1)
{
c_start=c_start + c_name.length+1
c_end=document.cookie.indexOf(";",c_start)
if (c_end==-1) c_end=document.cookie.length
return unescape(document.cookie.substring(c_start,c_end))
}
  }
return ""
}
分享到:
评论

相关推荐

    cookie解决微信不能存储localStorage的问题

    在开发微信Web应用时,经常会遇到一个问题:在某些特定的微信环境下,localStorage无法正常工作,导致数据无法持久化存储。这可能是由于微信浏览器对localStorage的支持存在限制,或者在某些机型上,localStorage的...

    微信小程序cookie扩展

    在这个特定的场景中,我们关注的是“微信小程序cookie扩展”,这是一个关于如何在微信小程序中管理和使用cookie的技术实践。 传统的Web应用中,cookie是服务器发送到用户浏览器并存储的一小块数据,通常用于跟踪...

    HTML5 LocalStorage和UserData实现兼容多浏览器的本地存储

    **兼容性问题和解决方案** 尽管LocalStorage是HTML5标准的一部分,但并非所有浏览器都支持。对于不支持LocalStorage的浏览器,可以使用UserData作为备选方案。一种常见的兼容性处理方式是通过检测浏览器是否支持...

    微信小程序之数据缓存

    在H5之前,缓存一般都是用cookie,但是cookie的存储空间太小。于是,H5增加了新的缓存机制,即localstorage 和 sessionstorage,具体的介绍就不在多说。在微信小程序中,数据缓存其实就和localstorage 的原理差不多...

    微信商城静态页面

    9. **数据存储与状态管理**:对于购物车状态和用户信息,可以使用Cookie、LocalStorage或SessionStorage进行本地存储。大型项目可能还会引入Vuex或Redux这样的状态管理库。 10. **SEO优化**:虽然静态页面不利于...

    微信小程序之数据缓存的实例详解

    在H5之前,缓存一般都是用cookie,但是cookie的存储空间太小。于是,H5增加了新的缓存机制,即localstorage 和 sessionstorage,具体的介绍就不在多说。在微信小程序中,数据缓存其实就和localstorage 的原理差不多...

    html5 仿微信聊天界面web微信.rar

    - **Web Storage**:包括`localStorage`和`sessionStorage`,用于存储用户数据,比传统的Cookie更高效且容量更大。 - **WebSocket**:实现双向通信,用于实现实时聊天功能,提供更流畅的聊天体验。 2. **CSS3应用...

    基于JavaScript的H5和微信小程序模板demo源码

    例如,Canvas元素提供了动态图形绘制能力,Web Storage解决了Cookie存储限制,WebSocket实现了双向通信,以及Geolocation用于获取用户位置等。JavaScript与HTML5结合,能够创建丰富的Web应用程序,而无需依赖Flash或...

    别踩白块儿微信小程序html5

    2. **Web Storage**:HTML5的localStorage和sessionStorage解决了传统Cookie存储数据的局限,用于游戏状态的保存,如玩家分数和进度。 3. **Audio API**:HTML5的音频标签和API使得在游戏中添加背景音乐和音效变得...

    详解Vue微信授权登录前后端分离较为优雅的解决方案

    通常,后端会先检查session或cookie中的用户状态,如果没有,再使用code向微信API请求数据。兑换成功后,后端应将openid及相关用户信息返回给前端,前端则将其保存在store中,以便后续页面访问。 总结起来,这个...

    微信商城学习源码

    6. **Web Workers与Web Storage**:HTML5的Web Workers可以实现后台计算,提高商城性能,而Web Storage(包括localStorage和sessionStorage)则提供了比传统cookie更大的存储空间,用于用户状态维护或个性化设置。...

    微信HTML5在线朋友圈游戏源码带安装部署教程-捉住胡巴小妖王.rar

    此外,Web Storage(包括localStorage和sessionStorage)用于在浏览器端存储数据,解决了传统Cookie存储容量有限的问题。 在"捉住胡巴小妖王"这款游戏中,HTML5的Canvas技术和Web Storage被充分利用。开发者可以...

    html5微信中秋节博饼游戏源码下载

    HTML5引入了Web Storage(包括localStorage和sessionStorage)来替代传统的cookie,提供了更大的存储空间,便于游戏保存用户数据和进度。同时,Application Cache允许离线存储资源,即使在网络不稳定或无网络环境下...

    html5微信小游戏-疯狂打企鹅.zip

    3. **Web Storage**:HTML5的Web Storage(包括localStorage和sessionStorage)提供了比传统Cookie更高效的数据存储方式。游戏中可能用它来存储玩家的分数、游戏进度等信息,使得数据能在用户下次访问时得到保留。 ...

    html5微信小游戏-游戏-勇士斗恶龙.zip

    2. Web Storage:HTML5引入了Web Storage(包括localStorage和sessionStorage),用于在浏览器端存储数据,解决了传统Cookie存储量有限的问题。在这款游戏中,玩家的游戏进度、角色属性等信息可能就存储在Web ...

    基于PHP的刮刮乐微信H5大pai坊完整游戏源码.zip

    4. **会话管理**:使用session或cookie跟踪用户状态,确保游戏过程的一致性。 5. **随机数生成**:生成刮奖结果,确保每次刮奖的随机性和公平性。 6. **JSON接口**:与前端进行数据交换,通常通过Ajax实现异步通信。...

    jQuery仿微信电脑版聊天特效代码

    - **数据存储**:可能需要使用Cookie或localStorage来临时存储聊天记录,以便刷新页面后还能保留用户查看过的聊天内容。 此外,压缩包中的文件提供了辅助资料: - **使用帮助.txt**:可能包含详细的操作指南和常见...

    微信HTML5在线朋友圈游戏源码带安装部署教程-四加一.zip

    2. **Web Storage**:HTML5提供的localStorage和sessionStorage解决了传统cookie存储数据的限制,方便游戏在本地保存用户的进度和设置。 3. **Web Audio API**:为网页游戏提供音频处理功能,实现背景音乐、音效播放...

    基于ssm+HTML5的网上跳蚤市场.zip

    4. **Web Storage**:包括`localStorage`和`sessionStorage`,提供了比传统cookie更大的存储空间,用于在浏览器端持久化数据。 5. **Web Workers**:允许在后台线程执行耗时任务,避免阻塞UI,提高应用性能。 6. **...

Global site tag (gtag.js) - Google Analytics