浏览器【详解】Cookie（含Cookie的起源，属性，个数和大小限制，作用，优点，缺点，JS 的操作方法等）

news2024/11/25 1:02:05

什么是 Cookie ？

Cookie 是一段不超过 4KB 的小型文本数据，由一个名称（Name）、一个值（Value）和其它几个用于控制 Cookie 有效期、安全性、使用范围的可选属性组成。

浏览器为什么需要 Cookie ？

HTTP 协议是无状态的，导致同一个客户端连续两次发送请求给服务器，服务器也识别不出这是同一个客户端发送的请求。

为了方便网站辨别用户身份，浏览器引入了 Cookie 机制，具体流程如下：

可以参考学生和学校的关系来理解：

学生（客户端），第一次入学时，去学校（服务器）办理入学后，学校会颁发（Set-Cookie）一个学生证（Cookie 信息），之后每次学生进入学校，都需要带上这个学生证，以便学校知道你是哪一位学生。

Cookie 的属性

属性	含义
Name	Cookie的名称
Value	对应名称的值
Domain	Cookie的域名
Path	Cookie生效的路径
Expires	过期时间，过了这个时间后Cookie失效
Max-age	生效时间，表示Cookie在多长时间后失效
Size	Cookie的长度，为name和value的长度和
HttpOnly	防止通过JavaScript访问Cookie
Secure	只在HTTPS协议的情况下才会将Cookie传到后端
SameSite	是否允许跨站请求时发送Cookie
Partitioned	第三方Cookie分区
Priority	优先级

Cookie 的过期时间，如 Expires=Wed, 21 Oct 2015 07:28:00 GMT;

会话性 Cookie
当 Expires 的值为 Session 或未指定时，该 Cookie 是会话性 Cookie，Cookie 信息保存在客户端内存中，并在用户关闭浏览器时失效。但有些浏览器提供了会话恢复功能，这种情况下即使关闭了浏览器，会话期 Cookie 也会被保留下来。

持久性 Cookie
会话性 Cookie 之外的都是持久性 Cookie，会将 Cookie 信息保存在用户的硬盘中，直至过期或者清除 Cookie。

设置在 Cookie 失效之前需要经过的秒数（单位为秒），如 Max-Age=604800;

指定 Cookie 可以送达的主机名，如 Domain=baidu.com;

指定一个 URL 路径，如 Path=/docs

当请求的资源的路径中包含这个 URL 路径时，才可以发送 Cookie 首部。

如 /docs/Web/ 下的资源会带 Cookie 首部， /test 则不会携带 Cookie 首部。

Domain 和 Path 共同指定了 Cookie 应该发送给哪些 URL。

值为 Strict 时，完全禁止第三方 Cookie，跨站点时，任何情况下都不会发送 Cookie。

比如，当前网页有一个 GitHub 链接，用户点击跳转就不会带有 GitHub 的 Cookie，跳转过去总是未登录状态。
值为 Lax 时，导航到第三方网址的 Get 请求（链接，预加载请求，GET 表单）可以发送第三方 Cookie
值为 None 时，即关闭限制。（必须同时设置Secure属性才能生效）

在这里插入图片描述

之前Chrome浏览器的 SameSite 默认值为 None ，Chrome80 后SameSite 默认值是 Lax。

跨站和跨域的主要区别

当Cookie的数量超过限制时，浏览器会清除一部分Cookie。

Priority属性（值有三种： Low, Medium, High）用来定义Cookie的优先级，低优先级的Cookie会优先被清除。

Cookie 的个数和大小限制

	IE6.0	IE7.0/8.0	Opera	Firefox	Safari	Chrome
cookie个数	每个域为20个	每个域为50个	每个域为30个	每个域为50个	没有个数限制	每个域为53个
cookie大小	4095个字节	4095个字节	4096个字节	4097个字节	4097个字节	4097个字节