多种浏览器存储方式对比分析

153 阅读1分钟
sessionStoragelocalStoragecookie
存储大小5M左右5M左右4Kb左右
存储方式仅在本地保存仅在本地保存在服务器和浏览器之间传递
过期时间在当前浏览器窗口关闭前有效始终有效在设置的过期时间内或浏览器关闭
作用域同源且同一 窗口,如果同一个标签页嵌套多个元素,也能够共享 同源页面能够共享domain本身以及domain下的所有子域名,可以设置父域名以及自身,但不能设置其它域名,包括子域名,否则cookie不起作用。
相关特性及其相关用法length setItem(key, value) getItem(key) remove(key) clearlength setItem(key, value) getItem(key) remove(key) clear通过设置 过期时间Max-Age 来删除cookie中内容,不设置过期时间关闭浏览器就会被删除设置Domain 可以设置接收cookie 的URL,不设置则为Origin,不包括子域名
存储内容对象只能存储字符串类型,对于复杂对象也可以通过JSON对象提供的stringify和parse方法处理只能存储字符串类型,对于复杂对象也可以通过JSON对象提供的stringify和parse方法处理只能存储字符串类型,对于复杂对象也可以通过JSON对象提供的stringify和parse方法处理
使用场景保存用户信息、保存token等信息判断用户是否登录、停留时间、查看次数等