什么是 Cookie？一文看懂网页是怎么“记住你”的

你有没有注意到这样的场景：你刚刚登录过一个网站，关闭页面之后，再次打开它时仍然处于登录状态；你浏览某个商品后，其他页面却突然开始推送类似的推荐；甚至你只是访问了某个页面，下一次进来它还记得你的语言偏好或夜间模式设置……

这些“你被记住了”的体验，看起来像是魔法，但背后其实是一个看似微不足道的小东西在发挥作用——Cookie。

今天，就让我们用一篇文章，一次讲清楚：Cookie 到底是什么？它是怎么“记住你”的？会不会泄露你的隐私？

一、什么是 Cookie？

Cookie 是指由网站存储在你浏览器中的一小段文本信息，用来记录你的访问状态、识别你这个“你”、保存你的一些使用偏好。

通俗点说，Cookie 就像你进入某家餐厅后，服务员在你桌上贴了一个小便签：“他不吃香菜，喝无糖。”你再来时，服务员一看标签，就知道怎么服务你。这张“便签”，就是 Cookie。

👀 举个例子：

• 你登录一个网站，它会记录你的 session_id 到 Cookie 中；

• 当你下次访问时，网站读取这个 Cookie，知道是你，又帮你“自动登录”。

二、Cookie 是怎么工作的？

Cookie 的工作机制，其实很简单，但也很精妙。来看一组典型的请求流程：

1. 你访问网站 A，浏览器向服务器发送请求；

2. 网站 A 的服务器在响应中，通过 Set-Cookie 指令，把一段文本写入你的浏览器；

3. 你下次再访问网站 A，浏览器就会自动把之前保存的 Cookie 附带在请求头中发送给服务器；

4. 网站通过读取 Cookie，实现“识别你”。

👇 简图表示如下：

第一次访问：
浏览器 ——请求→ 网站
         ←响应（Set-Cookie: uid=123）——

再次访问：
浏览器（Cookie: uid=123） ——请求→ 网站

三、Cookie 都能存什么？有限制吗？

Cookie 是一段文本数据，通常采用键值对的形式，例如：

session_id=abc123; theme=dark; lang=zh-CN

它可以存储的内容不多，但足够用：

• 用户唯一标识

• 登录状态

• 页面偏好设置

• 最近浏览记录

限制如下：

限制项	描述
单个 Cookie 大小	一般不能超过 4KB
每个域名总数量	通常浏览器最多允许约 20～50 个 Cookie
访问范围	默认只能被同一域名读取，不能跨域
安全属性	可以设置 HttpOnly 防止 JS 读取，Secure 限制只在 HTTPS 下传输

四、Cookie 有哪些类型？

根据生命周期和作用对象，Cookie 大致分为几种：

1. 会话 Cookie（Session Cookie）

• 没有明确的过期时间

• 关闭浏览器就消失

• 常用于登录会话、购物车等临时性状态

2. 持久 Cookie（Persistent Cookie）

• 设置了过期时间（如 7 天、30 天）

• 浏览器关闭后仍然保留

• 用于“记住我”、推荐算法、广告定向等功能

3. 第一方 Cookie vs 第三方 Cookie

类型	谁设置的？	用途	是否隐私敏感
第一方	当前访问的网站	登录、偏好	一般可信
第三方	页面中嵌入的第三方服务（如广告商）	用户行为追踪	存在隐私争议 ⚠️

💡 比如你访问 example.com，页面中嵌入了 Google Ads 的 JS 脚本，Google 可能会在你浏览器中种一个第三方 Cookie，用于广告追踪。

五、Cookie 和隐私：需要担心吗？

是的，也不是。

Cookie 本身不是“病毒”，也不会自动执行恶意代码，但由于它可以被用来识别用户、追踪行为，它就成了隐私问题的重点区域。

你应该知道的风险：

• 广告商用第三方 Cookie 跟踪你浏览的每个网站，建立“画像”

• 被恶意脚本读取 Cookie，可能盗用登录状态（XSS 攻击）

• 被中间人篡改 Cookie（如 HTTPS 不加密时）

隐私法律开始约束：

• 欧盟 GDPR 要求用户必须同意 Cookie 使用（所以你常看到“接受所有 Cookie”的弹窗）

• 中国《个人信息保护法》规定 Cookie 属于“可识别用户”的数据，需合理使用

六、Cookie、LocalStorage、SessionStorage 有什么区别？

这三者都是浏览器端的存储机制，很多人容易混淆：

属性	Cookie	LocalStorage	SessionStorage
数据大小	4KB 左右	5MB 左右	5MB 左右
生命周期	自定义（可持久）	永久，除非主动清除	当前会话，关闭浏览器即失效
是否随请求发送	✅ 是，自动附带	❌ 否	❌ 否
适用场景	登录、会话保持	缓存、用户偏好	表单保存、临时数据

💡 总结：

• Cookie 用于服务器通信；

• LocalStorage/SessionStorage 更适合前端缓存。

七、我们如何看待 Cookie？

Cookie 是互联网世界不可或缺的一部分，它让网页拥有了“记忆”，提升了体验；但也因为其追踪能力，成为了隐私焦点。

对于普通用户：

• 学会查看和清理 Cookie（浏览器设置里操作即可）

• 尽量避免在不信任的网站点击“记住我”

• 安装广告屏蔽插件，保护自己的浏览行为

对于开发者：

• 合理使用 Cookie，尽量避免存储敏感信息

• 设置 HttpOnly、Secure 属性，提升安全性

• 尊重用户隐私，必要时征得同意

📎 延伸阅读推荐：

• HTTPS、SSL证书是啥？网站“安全小锁”的入门科普

• 边缘计算 vs 云计算：一文看懂二者的区别与联系

• 云计算安全吗？一文了解云上常见攻击与防护策略

• 云主机怎么选？ECS、轻量应用服务器傻傻分不清？

• 云计算为什么是AI的“底座”？一文看懂AI训练和部署背后的云支撑

或者关注我的个人创作频道：点击这里

写在最后：

Cookie 是 Web 世界的“记忆碎片”，它们在你看不见的地方默默记录、协助和传递信息。如果说浏览器是你通往网络的门户，那 Cookie 就是它放在门口的小便签。下次再看到某个网站自动记住你，不妨想一想——这张小便签上写了什么？