Web 客户端存储

Question

cookie

概念

即 HTTP cookie，最初用于在客户端存储会话信息，服务器在响应 HTTP 请求时，通过发送 set-cookie HTTP 头部包含会话信息

存储位置

客户端机器

构成

• 名称
• 值
• 域：cookie 有效的域
• 路径：cookie 有效的路径
• 过期时间：默认情况下浏览器会话结束后会删除所有 cookie，不过也可以设置删除 cookie 的时间。
• 安全标志

限制

• cookie 与特定域绑定，cookie 中存储的信息只对被认可的接受者开放，不被其他域访问
• cookie 数量不能超过 300，大小不超过 4kb
• 每个域名对应的 cookie 数量大小也有限制

sessionStorage

特点

• 存储会话数据，数据只会存储到浏览器关闭，但数据不受浏览器刷新影响。
• sessionStorage 主要用于存储只在会话期间有效的小块数据。

localStorage

特点

• 跨会话持久存储数据
• 要访问同一个 localStorage 对象，页面必须来自同一个域、在相同的端口上使用相同协议
• 存储在 localStorage 中的数据会保留到通过js删除或者用户清除浏览器缓存，不会受页面刷新影响，也不会因关闭窗口、标签页或重新启动浏览器而丢失。