标签：cookie 存储 HTTP Storage storage session 可视化 浏览器 数据

Storage Inspector - storage存储可视化

打开开发者工具查看storage存储

1. Cache Storage 缓存存储 — 使用Cache API创建的任何 DOM 缓存。

2. Cookies 小饼干— 是服务器发送到用户浏览器并保存在本地的一小块数据(<4kb)，它会在浏览器下次向同一服务器再发起请求时被携带到请求头并发送到服务器上Cookie使基于无状态的HTTP协议记录稳定的状态信息成为了可能。通常，它用于告知服务端两个请求是否来自同一浏览器，如保持用户的登录状态。

3. Web storage - 使浏览器能以一种比使用Cookie更直观的方式存储键/值对。
   分为Local Storage会话存储 和 Session Storage 本地存储

   • Session Storage 会话存储： 为每一个给定的源（given origin）维持一个独立的存储区域，本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。
   • Local Storage 本地存储：持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。

4. IndexedDB 浏览器数据库 —IndexedDB是一种底层API，用于在客户端存储大量的结构化数据（也包括文件/二进制大型对象（blobs））。该 API使用索引实现对数据的高性能搜索。虽然WebStorage在存储较少量的数据很有用，但对于存储更大量的结构化数据来说力不从心。而 IndexedDB 提供了这种场景的解决方案。

什么是session，为什么session要单独写到这里不和上面的cookie列在一起

1. 用来储存用户会话。一个session域对象为一个用户浏览器对象服务，session存储在浏览器端，sessionID通常存储在cookie里，服务器端根据浏览器传来的sessionID使用ID正则校验，找出用户数据。

2. session本质上不属于浏览器端存储方式。所以不能和上面的浏览器端的存储方式放在一起，你也无法在开发者工具中查看到session

   cookie和session的区别

   1. 存储位置：一个浏览器端，一个服务器端
   2. 安全性：cookie明文存储在浏览器端，安全性差，虽然可以加密算法存在。但是session存放于服务器，安全性仍要比cookie要好。
   3. 网络传输量：每次请求cookie都将带来性能开销，session本身存放于服务器，通过cookie传递sessionID即可
   4. 大小：cookies保存数据不超过4k，大多浏览器限制一个站点最多保存50个cookie。session则无任何限制

隐私模式/隐身下的存储？

标签：cookie,存储,HTTP,Storage,storage,session,可视化,浏览器,数据
来源： https://www.cnblogs.com/wanglei1900/p/16251817.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。