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

原创最新推荐文章于 2026-01-30 12:16:31 发布 4.1k 阅读 AI写同款

moppol

435粉丝64篇原创

关注

【Vue】Cookie实现登录记住密码功能登录页效果图：主要思路是利用浏览器Cookie来存储用户登录信息。除了存储用户名和密码外，还存储了一个记住密码的标志位，如果勾选了，则为true，反之为false。当用户登录时，不论用户有没有勾选“记住密码”，都会先将信息存入Cookie，区别在于，如果没勾选，则会在用户退出登录时，清除Cookie。当然存储信息的方法还有很多种，Cookie一般适用于存储数据量很小的数据。登录页代码如... 阅读详情

AI摘要

本文详细介绍了 Cookie，它是网站存储在浏览器中的小段文本信息，用于记录访问状态等。阐述了其工作机制、存储内容及限制，介绍了会话、持久、第一方和第三方等类型。还探讨了 Cookie 与隐私问题，对比了它和 LocalStorage、SessionStorage 的区别，并给出用户和开发者的使用建议。

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

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

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

一、什么是 Cookie？

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

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

👀 举个例子：

你登录一个网站，它会记录你的 session_id 到 Cookie 中；
当你下次访问时，网站读取这个 Cookie，知道是你，又帮你“自动登录”。

二、Cookie 是怎么工作的？

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

你访问网站 A，浏览器向服务器发送请求；
网站 A 的服务器在响应中，通过 Set-Cookie 指令，把一段文本写入你的浏览器；
你下次再访问网站 A，浏览器就会自动把之前保存的 Cookie 附带在请求头中发送给服务器；
网站通过读取 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 左右
生命周期	自定义（可持久）	永久，除非主动清除	当前会话，关闭浏览器即失效
是否随请求发送	✅ 是，自动附带	❌ 否	❌ 否
适用场景	登录、会话保持	缓存、用户偏好	表单保存、临时数据