夜雨聆风学习资料网

ARTICLE · 1241035

AI 做的小工具说“已保存”,数据到底存哪了?

AI 做的小工具说“已保存”,数据到底存哪了?

AI 做的小工具说“已保存”,数据到底存哪了?

上一篇写发布工作台,AI 给我做的工作台很好看,但我还是找不到今天该发哪篇我在页面上放了一句提醒:“已保存在当前浏览器。重要信息请另做备份。”

当时看着只是一行小字。后来我发现,这句话可能比工作台长什么样更重要。

现在让 AI 做一个待办页、记账页,几分钟就能拿到一份 HTML 文件。双击能打开,填上内容,关掉再打开,似乎也还在。很容易以为:这个文件已经把我的东西都装进去了。

但文件能拷走,不代表后来填进去的数据也跟着走。

先看一眼这个系列最早跑起来的工作台。右下角那句“数据只保存在这台电脑的浏览器里”,不是装饰文字。图中的待办和便签是第一版的演示内容。

▲ 第一版真实界面。它能打开、能输入,但“保存在浏览器”仍要和“随文件带走”分开看。

那个“已保存”,保存在哪里?

我这版工作台没有账号,也没有云端数据库。页面文件里装的是界面和程序;我后来添加的稿件卡片、灵感和勾选状态,由浏览器写进 localStorage。

说人话就是:**HTML 像一本空白的表格,填过的内容暂时记在打开它的浏览器里。**把表格文件发给另一台电脑,不等于把填写记录一并发过去。

这也解释了为什么“保存成功”和“能不能带走”是两回事。前者说的是这次写入有没有成功;后者还要看数据有没有独立导出、能不能在别处恢复。

窄屏下,第一版仍然是同一个工具,页面底部也保留了本机浏览器存储提醒。下面是当时的窄屏预览,不是换手机或换浏览器后的测试画面。

▲ 界面宽度变了,不等于数据已经跨设备同步。

我这版目前测到了哪一步

先把已知的说清楚。

这版工作台现有的验收记录是:新增测试稿,刷新页面,再导出和导入备份;这几步未见异常。代码检查也能确认:写入失败时会显示错误,不再像早期版本那样悄悄忽略;导入前会检查备份格式,并提醒它会覆盖当前内容。

但关闭浏览器重开、换另一个浏览器、清理站点数据,目前还没有完整的实测截图和环境记录。我不会把“按原理应该怎样”写成“我亲测就是这样”。

尤其这是一份本地双击打开的 file:// 页面。MDN 的说明很明确:localStorage 通常按来源保存,但本地文件的行为没有统一保证,不同浏览器可能不同,甚至以后会变。

所以,如果你的 AI 小工具也是单个 HTML 文件,别只看它有没有写“自动保存”。在你自己的浏览器上试,才知道它对你是否可靠。

▲ 已记录和待实测分开看。图是验收范围示意,不是现场截图。

我现在会做的三个检查

第一,只填一条测试数据。比如“测试稿 A”,不要一上来就搬真实客户信息或半年账本。刷新、关闭重开,逐步看它还在不在,并记下浏览器和文件位置。

第二,找“导出”,还要试“导入”。能下载一个 JSON 文件,只能说明文件下来了;重新导入后内容是否完整,才是备份有没有用。测试导入前,先留一份当前数据,避免覆盖。

第三,换环境时把它当新工具。换浏览器、换电脑、把 HTML 挪到另一个路径,都不要默认旧记录会自动出现。先拿测试数据验证,再把正式记录迁过去。

至于“清除站点数据会怎样”,不要拿自己的正式浏览器和真实数据冒险。我准备在工作台副本、独立测试环境里做,并先导出备份。做完再把结果和截图补到这篇里。

▲ 这是下一轮的操作路径,不代表跨浏览器恢复已经完成。

下次让 AI 做工具,我会多说一句

以前我的需求可能只有:“做一个能自动保存的待办工具。”现在我会补上:

请明确告诉我数据保存在哪里;保存失败要有醒目提示;提供导出和导入,导入时先校验并提示覆盖风险;不要把“保存在这个浏览器”写成“已经备份”或“会跨设备同步”。

这几句话不酷,甚至有点扫兴。但它们决定了一个小工具是只能演示五分钟,还是能放心用上几个月。

如果你手里也有 AI 做的单文件工具,今天先别急着往里填更多东西。打开它,找一找:数据在哪、怎么导出、导回来还在不在。

相关学习资料