782 字
约 4 分钟阅读

今天吃什么:一个离线可用的随机点餐小网页

到饭点想不出吃什么,是我每天的固定节目。选项其实不少,但真到要选的时候,脑子里翻来覆去就是那两三样,最后还是点回最熟的那家。

所以做了个小网页:把平时吃的记下来,到点让它随便挑一个。

打开就能用#

地址是 https://harry-zhu-45.github.io/eat/,也可以从博客导航栏的「今天吃什么」进去。

它是纯静态页面,不需要注册,也不需要装什么。第一次打开就带着一批常见的食物,不用先填一堆东西才能开始。头图用的是「吃什么」「是啊,吃什么」那张梗图,页面没再叠别的文字。

三个页面#

主页是「随机选择」。点一下抽一个,看着还行就点确认,记进历史;不想要就取消,重新抽。右边还有一个按名字找的框,输入「面」或者 rice,匹配到的会列出来,点一下也能直接记进历史。

「可选项」用来管食物列表,添加、删除、筛选都在这。每个食物可以带别名和标签,所以给「肯德基」挂上别名 KFC 之后,搜哪个都能搜到,列表里筛也一样。

「历史与统计」分三块。上面是历史记录,最近五天(含今天)的能改也能删,食物和时间都可以调整,更早的就只能看了。中间是统计,有确认次数、食物种类,以及一张选择排行,可以切前 10、前 20 或全部,另外还有近 7 天和近 30 天的趋势。最下面是数据备份。

数据只在你自己浏览器里#

记录存在浏览器的 IndexedDB 里,不上传,不用登录,也不做跨设备同步。好处是不用担心隐私,也没有服务器要维护。

代价是数据跟浏览器走。换浏览器、换手机、或者清掉站点数据,记录都不会自己跟过去。要搬家就用「历史与统计」页底部的备份功能:导出一份 JSON,在另一台设备上导入。导入前会先给一个预览,确认没问题再选合并导入还是覆盖导入,覆盖那一步会先留一份快照。平时顺手导一份放到别的设备上,浏览器出问题时还能捞回来。

装到手机上#

用手机浏览器打开,选「添加到主屏幕」,主屏上会多一个图标。装完断网也能开,记录照常存。iOS 和 Android 都支持。

更新记录#

2026-10-08#

网页版上线。它最早是个跑在本机的 Python 加 SQLite 的小程序,只能在那台电脑上用;这一版把数据层换成浏览器本地存储,做成静态网页,随手就能打开。现在只维护网页版这一份。

首版带了 43 个默认食物,一部分挂了别名(「肯德基」对应 KFC),也带了标签。上面写的随机选择、按名字搜索、历史记录、统计排行和导入导出,都是这一版就有的。

今天吃什么:一个离线可用的随机点餐小网页
https://harry-zhu-45.github.io/2026/10/08/software/今天吃什么/
作者
Harry Zhu
发布于
2026-10-08
许可协议
CC BY-NC-SA 4.0