localStorage 是最现实的 API 调用历史记录落地方案，因其是 HTML 页面唯一可直接读写的持久化存储，支持存取请求参数等轻量数据，且不依赖后端。
HTML 本身不能创建 API 调用历史记录，也不具备“快照”能力——它只是静态结构层，没状态、没存储、没网络控制权。
为什么 localStorage 是最现实的落地方案
浏览器里唯一能被 HTML 页面直接读写的持久化存储，就是 localStorage（配合 JS）。它不随页面刷新丢失，且无需后端参与，适合存请求参数这类轻量数据。
- 每次调用 API 前，把
url、method、body、headers打包成对象，用JSON.stringify()存进localStorage - 避免直接存原始
FormData或Blob，它们无法序列化，会报TypeError: Converting circular structure to JSON - 建议加时间戳和唯一 ID（如
Date.now()+Math.random()），方便后续排序和去重
fetch 请求前手动记录参数的典型写法
别等响应回来再记——失败时可能根本拿不到原始参数。必须在发起请求前固化快照。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 把参数对象先深拷贝（尤其注意嵌套对象或数组），再存：
localStorage.setItem('api-history', JSON.stringify({...params, timestamp: Date.now()})) - 如果用了
URLSearchParams构造查询字符串，记得先转成普通对象再存，否则取出来是空对象 - 敏感字段如
token、password建议主动过滤，用delete obj.token再存，防止误留
读取历史记录时容易踩的坑
localStorage.getItem() 返回的是字符串，不是对象；而且可能为空、为 null，或 JSON 格式损坏。
立即学习“前端免费学习笔记（深入）”；
- 必须用
try...catch包裹JSON.parse()，否则一次解析失败会让整个历史列表不可用 - 不要用
localStorage.length判断是否有记录——它返回的是 key 的数量，不是你存的请求条数 - 如果历史太多，一次性全读进内存再渲染会卡顿，建议限制默认只读最近 20 条：
history.slice(-20)
真正难的不是存，而是“什么时候该删”。比如用户登出、切换账号、清理隐私时，localStorage 不会自动清空，得你主动调 localStorage.removeItem() 或 localStorage.clear() ——这点很容易被跳过。
