IndexedDB不能直接存储XML文档对象，只能存字符串或解析后的JS对象；存字符串无法查询和高效更新，推荐解析为对象并建索引，注意索引限制、命名空间兼容性及schema演进。
IndexedDB 能直接存 XML 字符串，但不能当“XML 数据库”用
IndexedDB 本质是键值型 NoSQL 存储，只认 string、number、Date、ArrayBuffer 等可结构化克隆的类型。XML 文档对象（XMLDocument 或 Element）无法直接存入——调用 put() 会抛出 DataCloneError。所以所谓“存 XML”，实际只有两种可行路径：存字符串或存解析后的结构化数据。
存为字符串最简单，但查不了、改不了、性能差
把整个 XML 当成纯文本存进 object store，代码上毫无障碍：
const tx = db.transaction('xmlStore', 'readwrite');
const store = tx.objectStore('xmlStore');
store.put(`<user id="123"><name>Alice</name><age>30</age></user>`, 'user_123');
问题在于后续所有操作都得手动解析：
- 想查 age > 25 的用户？必须遍历全部记录 +
new DOMParser().parseFromString()+ XPath 或 DOM 遍历 —— 完全无法利用 IndexedDB 的索引能力 - 只改
<age></age>值？得先读出整段字符串 → 解析 → 修改节点 → 序列化回字符串 → 再写入 —— I/O 和 CPU 开销双高 - 大 XML（如 >500KB）频繁序列化/反序列化极易触发主线程卡顿
真正高效的做法：解析后存为 JS 对象，用多级索引加速查询
在存入前用 DOMParser 或轻量解析器（如 fast-xml-parser）转成 plain object，再按字段建索引。例如：
立即学习“前端免费学习笔记（深入）”；
const xmlStr = '<user id="123"><name>Alice</name><age>30</age><tags><tag>dev</tag><tag>js</tag></tags></user>';
const doc = new DOMParser().parseFromString(xmlStr, 'text/xml');
const user = {
id: doc.documentElement.getAttribute('id'),
name: doc.querySelector('name')?.textContent || '',
age: Number(doc.querySelector('age')?.textContent || '0'),
tags: Array.from(doc.querySelectorAll('tag')).map(t => t.textContent)
};
// 存入
store.put(user, user.id);
// 建索引（支持范围查询）
store.createIndex('by_age', 'age');
store.createIndex('by_name', 'name');
这样就能直接用 index.openCursor(IDBKeyRange.lowerBound(25)) 查年龄大于 25 的用户，无需加载和解析全部 XML。
- 索引字段必须是对象顶层属性（
user.age可索引，user.profile.age不行，除非用createIndex('by_profile_age', 'profile.age')—— 仅 Chromium 支持，Firefox 不认） - 数组字段（如
tags）不能直接建索引，需拆成多条记录或用multiEntry: true索引（createIndex('by_tag', 'tags', { multiEntry: true })） - 注意 XML 命名空间、CDATA、实体编码等边界情况，
DOMParser在非标准 XML 下可能静默失败
更新时别忽略版本迁移和 schema 兼容性
一旦开始按字段存，XML 结构变化（如新增 <email></email> 字段）就变成数据库 schema 演进问题。IndexedDB 没有 ALTER TABLE，必须靠 onupgradeneeded 处理：
- 新版本中新增
email字段索引，旧数据该字段为undefined，查询时需用IDBKeyRange.only(undefined)单独处理 - 若旧 XML 含
<phone></phone>而新逻辑已弃用，不要删字段，保留并设为null，避免读取时报错 - 批量迁移大量旧 XML 记录时，用
cursor.continue()分片处理，防止阻塞 UI 线程超时
最易被忽略的是：XML 属性和元素同名时（如 <item id="1"><id>2</id></item>），手工解析容易混淆，建议统一用命名前缀（attr_id / el_id）或直接舍弃属性，全用子元素表达结构。
