JavaScript Cookie 大小限制为单个 ≤4096 字节（UTF-8 字节数），非字符数；中文占3字节、emoji占4字节，须用 TextEncoder 精确校验并预留余量至 ≤3900 字节，写入前截断/报错/降级，优先改用 localStorage 存大体积数据。
JavaScript 中 Cookie 的大小限制在主流浏览器中基本统一为单个 Cookie ≤ 4096 字节（含 name + value + 属性字符串），但各浏览器对超限的处理方式不同——Chrome/Edge 静默丢弃，Firefox 显式报错。真正影响兼容性的不是“限制值差异”，而是“行为不一致”和“中文等多字节字符计算偏差”。解决关键在于：主动控制、提前校验、降级兜底。
统一按字节长度预判，别信字符数
Cookie 容量限制是按 UTF-8 字节数计算的，不是字符数。一个中文字符占 3 字节，emoji 可能占 4 字节。直接用 value.length 判断会严重误估。
- 用
new TextEncoder().encode(value).length精确获取 UTF-8 字节数（现代浏览器支持） - 兼容旧环境可回退：对中文正则计数 ×3，英文/数字 ×1，符号按常见编码估算
- 预留安全余量：建议单个 Cookie 控制在 ≤ 3900 字节，避开 name、path、expires 等属性开销
写入前强制截断或标记，避免静默失败
Chrome 不报错也不提醒，写入超限 Cookie 后读取为空，极易引发逻辑错误（如登录态丢失）。必须在写入前做防御性处理。
- 截断并加标识：如
value = value.slice(0, maxLen) + '…truncated' - 记录日志或上报：开发环境 warn 提示，生产环境埋点统计超限频次
- 拒绝写入：对关键字段（如 token、cart_ids）宁可抛错也不存无效值
拆分策略慎用，优先换存储方案
虽可将大数据拆成 pref_1=...、pref_2=... 多个 Cookie，但有明显副作用：
立即学习“Java免费学习笔记（深入）”；
- 同一域名下 Cookie 总数建议 ≤ 20 个，超 50 个可能被部分浏览器截断或忽略
- 每个请求头都会携带全部 Cookie，体积膨胀拖慢网络请求
- 服务端解析复杂度上升，且无法保证分片顺序与完整性
- 更推荐方案：敏感/大体积数据改用
localStorage+ 后端同步，Cookie 只存轻量凭证（如 session_id、token_id）
用 js-cookie 库自动处理编码与兼容细节
原生 document.cookie 操作需手动 encode/decode、拼接字符串，极易出错。js-cookie 内置 RFC 6265 合规编码，并屏蔽了多数浏览器差异。
- 它默认对 value 做
encodeURIComponent，避免特殊字符破坏结构 - 提供
Cookies.set(name, value, { expires, path, secure, sameSite })语义化 API - 支持自定义 converter，可插入字节校验逻辑（如写入前调用
TextEncoder检查） - CDN 引入仅 2KB，无依赖，IE11+ 全兼容
