html5无法直接导出本地数据库为json文件，需通过indexeddb读取数据、序列化为json并触发浏览器下载；应分批读取防阻塞，预处理不可序列化值，并避免使用已废弃的web sql。
HTML5本身不提供直接导出本地数据库为JSON文件的API，但可以通过JavaScript结合IndexedDB（现代推荐）或已废弃的Web SQL Database（旧方案）读取数据，再构造JSON结构，最后触发浏览器下载。
读取IndexedDB数据并序列化为JSON
IndexedDB是HTML5标准的客户端存储方案。需先打开数据库，遍历所有对象仓库（objectStore），逐条读取记录并组装成JSON对象。
- 使用
indexedDB.open()打开数据库，监听onsuccess事件 - 对每个objectStore调用
openCursor()或getAll()（注意兼容性，getAll()在较新浏览器中支持） - 将每条记录推入对应数组，最终构建成形如
{ "users": [...], "posts": [...] }的JSON对象 - 用
JSON.stringify(data, null, 2)格式化输出，提升可读性
触发浏览器下载JSON文件
生成JSON字符串后，不能直接保存到用户磁盘（浏览器安全限制），需模拟“下载链接”行为。
wechat-article-extraction-mp-weixin-qq-com news-webpage-cleaning blog-post-parsing metadata-extraction-title-author-date multiple-output-formats-markdown-json-plain-text batch-processing-support
下载
基于三引擎设计，从微信文章、新闻和博客网页提取干净内容，支持标题作者日期元数据，多格式和批量处理。
- 创建Blob对象：
const blob = new Blob([jsonString], { type: 'application/json' }) - 生成临时URL：
const url = URL.createObjectURL(blob) - 创建a标签，设置
href=url和download="backup.json"属性 - 调用
a.click()触发下载，之后用URL.revokeObjectURL(url)释放内存
处理大数据量与错误边界
当数据库记录数达数千条以上时，一次性读取可能阻塞主线程或触发内存警告。
- 避免在单次事务中调用
getAll()获取全部数据；改用游标分批读取（例如每次100条），用递归或async/await控制流程 - 为每个objectStore单独处理，失败时记录日志而非中断整个导出流程
- 添加加载状态提示（如禁用按钮、显示“正在导出…”），防止用户重复点击
- 对Date、undefined、函数等无法序列化的值做预处理（例如转为ISO字符串或null）
不建议使用Web SQL Database
Web SQL虽曾被Chrome/Safari支持，但已被W3C废弃，Firefox从未实现，且无标准迁移路径。当前项目应优先基于IndexedDB构建，若需兼容极老环境，应明确告知用户功能受限。
导出逻辑本质是“读取 + 序列化 + 下载”，核心不在数据库类型，而在如何稳健地把结构化数据转化为用户可保存的JSON文件。只要数据能读出来，后续步骤就高度通用。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
