最近在开发基于微信的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 ""
}
分享到:
相关推荐
在开发微信Web应用时,经常会遇到一个问题:在某些特定的微信环境下,localStorage无法正常工作,导致数据无法持久化存储。这可能是由于微信浏览器对localStorage的支持存在限制,或者在某些机型上,localStorage的...
在这个特定的场景中,我们关注的是“微信小程序cookie扩展”,这是一个关于如何在微信小程序中管理和使用cookie的技术实践。 传统的Web应用中,cookie是服务器发送到用户浏览器并存储的一小块数据,通常用于跟踪...
**兼容性问题和解决方案** 尽管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 的原理差不多...
- **Web Storage**:包括`localStorage`和`sessionStorage`,用于存储用户数据,比传统的Cookie更高效且容量更大。 - **WebSocket**:实现双向通信,用于实现实时聊天功能,提供更流畅的聊天体验。 2. **CSS3应用...
例如,Canvas元素提供了动态图形绘制能力,Web Storage解决了Cookie存储限制,WebSocket实现了双向通信,以及Geolocation用于获取用户位置等。JavaScript与HTML5结合,能够创建丰富的Web应用程序,而无需依赖Flash或...
2. **Web Storage**:HTML5的localStorage和sessionStorage解决了传统Cookie存储数据的局限,用于游戏状态的保存,如玩家分数和进度。 3. **Audio API**:HTML5的音频标签和API使得在游戏中添加背景音乐和音效变得...
通常,后端会先检查session或cookie中的用户状态,如果没有,再使用code向微信API请求数据。兑换成功后,后端应将openid及相关用户信息返回给前端,前端则将其保存在store中,以便后续页面访问。 总结起来,这个...
6. **Web Workers与Web Storage**:HTML5的Web Workers可以实现后台计算,提高商城性能,而Web Storage(包括localStorage和sessionStorage)则提供了比传统cookie更大的存储空间,用于用户状态维护或个性化设置。...
此外,Web Storage(包括localStorage和sessionStorage)用于在浏览器端存储数据,解决了传统Cookie存储容量有限的问题。 在"捉住胡巴小妖王"这款游戏中,HTML5的Canvas技术和Web Storage被充分利用。开发者可以...
HTML5引入了Web Storage(包括localStorage和sessionStorage)来替代传统的cookie,提供了更大的存储空间,便于游戏保存用户数据和进度。同时,Application Cache允许离线存储资源,即使在网络不稳定或无网络环境下...
3. **Web Storage**:HTML5的Web Storage(包括localStorage和sessionStorage)提供了比传统Cookie更高效的数据存储方式。游戏中可能用它来存储玩家的分数、游戏进度等信息,使得数据能在用户下次访问时得到保留。 ...
2. Web Storage:HTML5引入了Web Storage(包括localStorage和sessionStorage),用于在浏览器端存储数据,解决了传统Cookie存储量有限的问题。在这款游戏中,玩家的游戏进度、角色属性等信息可能就存储在Web ...
4. **会话管理**:使用session或cookie跟踪用户状态,确保游戏过程的一致性。 5. **随机数生成**:生成刮奖结果,确保每次刮奖的随机性和公平性。 6. **JSON接口**:与前端进行数据交换,通常通过Ajax实现异步通信。...
- **数据存储**:可能需要使用Cookie或localStorage来临时存储聊天记录,以便刷新页面后还能保留用户查看过的聊天内容。 此外,压缩包中的文件提供了辅助资料: - **使用帮助.txt**:可能包含详细的操作指南和常见...
2. **Web Storage**:HTML5提供的localStorage和sessionStorage解决了传统cookie存储数据的限制,方便游戏在本地保存用户的进度和设置。 3. **Web Audio API**:为网页游戏提供音频处理功能,实现背景音乐、音效播放...
4. **Web Storage**:包括`localStorage`和`sessionStorage`,提供了比传统cookie更大的存储空间,用于在浏览器端持久化数据。 5. **Web Workers**:允许在后台线程执行耗时任务,避免阻塞UI,提高应用性能。 6. **...