HTML里的数据存储用法和风险分析

在使用html5中localStorage,sessionStorage,cookie或者webDatabase(目前仅pc上部分浏览器支持)进行离线数据存储,转场数据交互,比如保存游戏状态,网络游戏脱机体验,另外,有时候在网络连接断开时为了能够正常浏览网站一般使用 manifest缓存,这里manifest暂时不说了,有兴趣可以自己去百度检索。

1.Cookie

风险分析:cookie的最大缺陷是和浏览器联系过于紧密,有时造成cookie无法保存,数据容易被跨域得到等众多已知的问题,所以一般来说安全性数据要慎重保存,不过有个好处是cookie几乎支持所有浏览器

2.localStorage

分析:localStorage比起Cookie来说依赖浏览器的行为要少的多,另外localStroge不支持跨域,所以保证了数据的独立性,可以持久缓存,比Cookie安全性更好,但没有sessionStorage好。

3.sessionStorage

分析:用法几乎和localStorage没有多少差别,区别在于sessionStorage虽然也保存在浏览器一端,但当浏览器关闭后sessionStorage会被及时清除,所以sessionStorage适合保存 安全性高的数据,转场数据。

你可能感兴趣的:(web前端)