web 的浏览器端存储技术主要是 cookie,localStorage, sessionStorage, indexedDB, webSQL。
技术名称 | 访问对象 | 大小限制 |
cookie | document.cookie | 4KB |
localStorage | window.localStorage | 5MB(chrome) |
sessionStorage | window.sessionStorage | 5MB(chrome) |
indexedDB | window.indexedDB | 通常为2GB |
其中 cookie 可通过服务器 set-cookie 响应标头进行设置;sessionStorage 存储的内容在用户关闭页面或浏览器窗口后被清楚;localStorage 和 sessionStorage 是协议敏感的,也就是说在分别使用 http 和 https 访问时, localStorage 和 sessionStorage 都是隔离的。
websql 并不是 w3c 的标准,不过chrome,edge 浏览器都是支持的, 它以 sqlite 作为后端的存储技术。
参考资料:
https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie
https://developer.mozilla.org/zh-CN/docs/Web/API/Storage
https://developer.mozilla.org/zh-CN/docs/Web/API/IndexedDB_API