XML数据不能直接存入Cookie，需用encodeURIComponent编码后存储，读取时用decodeURIComponent解码；因Cookie有4KB限制且含特殊字符易解析失败，推荐优先使用localStorage存储XML配置。
XML 数据不能直接存进 Cookie
Cookie 本质是键值对字符串，只支持 US-ASCII 字符（实际浏览器普遍支持 UTF-8 编码的字节序列），但原始 XML 中常含 、<code>>、"、'、& 等特殊字符，直接写入会导致解析失败或截断。更关键的是，多数浏览器对单个 Cookie 有 4KB 限制（含名+值+分号等），而 XML 即便“小体积”，嵌套标签和空白也极易逼近该上限。
必须先编码再存储，且优先用 encodeURIComponent
不能用 escape()（已废弃）或 encodeURI()（不编码 /、? 等，XML 中可能意外出现）。encodeURIComponent() 是唯一安全选择，它对所有非 URI 保留字符做百分号编码，确保字符串可无损还原。
const xmlStr = '<config><theme>dark</theme><lang>zh</lang></config>';
const encoded = encodeURIComponent(xmlStr);
document.cookie = `xml_config=${encoded}; path=/; max-age=3600`; // 存 1 小时
读取时必须严格配对解码：
function getCookie(name) {
const match = document.cookie.match(new RegExp(`(^| )${name}=([^;]+)`));
return match ? decodeURIComponent(match[2]) : null;
}
const xml = getCookie('xml_config'); // ← 必须用 decodeURIComponent
避免在 XML 中混用 CDATA 或实体引用
若 XML 原文已含 或 类实体，encodeURIComponent 仍可处理，但会显著增大编码后长度。更稳妥的做法是：生成 XML 时禁用 CDATA，统一用原始字符（如直接写 > 而非 >），并确保整个字符串是良构的 UTF-8 文本。否则解码后需额外校验 DOMParser 是否报错：
立即学习“前端免费学习笔记（深入）”；
try {
const parser = new DOMParser();
const doc = parser.parseFromString(xml, 'application/xml');
if (doc.querySelector('parsererror')) throw new Error('Invalid XML');
} catch (e) {
console.error('XML parse failed:', e);
}
Cookie 不是配置首选，localStorage 更合适
除非必须随 HTTP 请求自动发送（如服务端需读取），否则完全没必要用 Cookie 存 XML 配置。对比：
-
localStorage容量通常 ≥5MB，无单条大小限制 - 无需 URL 编码/解码，直接
localStorage.setItem('config', xmlStr) - 无跨域请求开销，不增加首屏带宽
- 同源下持久化效果一致，且 API 更简洁
只有当配置需被后端识别（例如灰度开关、AB 实验分组）且无法改用请求头时，才考虑 Cookie。此时务必检查后端是否能正确 decodeURIComponent 解码 —— 很多老框架默认只做一次解码，而前端写了两次就会出错。
