JavaScript中Cookie单个总长严格限制4096字节，需用TextEncoder计算真实字节数，预留100字节余量，优先存轻量ID而非完整数据，超限时应截断或分片，并在开发阶段通过开发者工具和读取验证确保生效。
JavaScript 中 Cookie 的大小限制是硬性约束，不是建议值——单个 Cookie 总长度（name + value + 属性字符串）不能超过 4096 字节（即 4KB），超出部分会被浏览器静默截断或直接拒绝。关键不在于“怎么限制”，而在于“怎么提前控制不超限”。
明确计算边界：按字节算，不是按字符数
中文、emoji、特殊符号会大幅增加字节数。一个中文字符 UTF-8 编码占 3 字节，一个 emoji 可能占 4 字节。例如：
• 英文 "abc" = 3 字节
• 中文 "你好" = 6 字节（2 × 3）
• 表情 "?" ≈ 4 字节
所以不能用 .length 直接判断，得用 new TextEncoder().encode(str).length 获取真实字节数。
- 设置前先估算总长度：name 长度 + encodeURIcomponent(value) 后的字节长度 + 属性开销（如
;path=/;expires=...约 30–50 字节） - 安全余量建议留至少 100 字节，避免因时区、日期格式等微小差异踩线
只存轻量标识，关键数据交由后端补全
别把购物车商品详情、用户完整配置一股脑塞进 Cookie。典型做法是：
- Cookie 中只存一个短 ID 列表，比如
cart_ids=1001,1002,1005（几十字节） - 页面加载时，用这些 ID 向后端发起请求，拉取完整数据
- 登录态也只需存 token ID 或 session key，敏感信息（如密码、手机号）绝不可出现在 Cookie 中
写入前主动截断或分片处理
若业务必须存较大数据（如用户偏好快照），可做预处理：
立即学习“Java免费学习笔记（深入）”；
- 对 value 做 JSON 序列化后，用
TextEncoder测字节长度，超限时 truncate 并加标记（如末尾加"…truncated"） - 拆成多个 Cookie（如
pref_v1=...、pref_v2=...），但注意：同一域名下 Cookie 总数不宜超 50 个，Chrome 虽无硬限，但过多会影响请求头体积和性能 - 优先考虑 localStorage + 后端同步，Cookie 仅用于身份凭证等必须随请求自动发送的场景
开发阶段就验证，别依赖运行时提示
Firefox 会在控制台报 “Cookie too large”，Chrome 和 Edge 则完全静默失败——写了等于没写。所以：
- 本地调试时，用浏览器开发者工具 → Application → Cookies 查看实际写入的值和大小
- 写入后立即读取
document.cookie并比对，确认内容完整 - 单元测试中模拟极限 case，比如构造刚好 4096 字节的字符串尝试写入
