用 HTML 在旧设备上点亮一个时钟：LunaDial Classic 项目

整理物品的时候，发现几台古早的智能手机，它们的性能早已过时，系统停留在了 Android 4.4-6.0。它们无法安装现代应用，当然，也无法安装我的另一款跨平台桌面时钟软件——LunaDial。

LunaDial 不支持 iOS 11 以及 Android 5.0 及更早版本，这是因为其底层技术 Flutter 不支持这些版本。但是，我不能放弃它们——做这样一个桌面时钟项目的初衷，就是“变废为宝”，重新利用起闲置设备。但是，我没有 Native iOS 和 Android 的开发经验，于是我想到了一个简单却实用的方向：用最基础的网页技术打造一个兼容性极强的时钟页面。

LunaDial Classic 就这样诞生了。

为什么选择 HTML？

我的目标很明确：轻量级 + 极致兼容性 + 完全离线运行。

单文件静态 HTML：整个程序只有一个 index.html 文件。
100% 离线可用：不引用外部静态资源，不需要联网，直接打开就能使用。
极致兼容性：至少要支持 Android 5.0 以及同时代的 iOS 设备。
低资源占用：设备性能有限，不能太吃资源。

LunaDial Classic 的特点

✅ 单文件结构：所有代码都在一个 HTML 文件中。
✅ 完全离线：无需网络连接。
✅ 轻量快速：对系统资源要求极低。
✅ 多模式支持：白天/黑夜主题切换、12/24小时制切换。
✅ 数据本地保存：设置会自动保存到本地（使用 localStorage）。

如何做到极致兼容？

为了让这个项目能在尽可能多的设备上运行，我在开发过程中刻意避开了现代前端框架和高级 API：

使用原生 JavaScript 实现逻辑。
兼容性保持 ES5。
不依赖任何外部库或字体服务。
时间显示采用标准 DOM 操作，避免动画或复杂渲染。
主要样式使用内联 CSS，确保即使是最基础的浏览器也能正常渲染。

经过测试，LunaDial Classic 可以在 Chrome 40 / FireFox 55 上完美运行。这两个版本均支持 Android 4.4 甚至可能更早。

使用方法

进入 GitHub 仓库，直接下载 index.html 文件，复制到任意设备上通过浏览器打开即可。

你也可以部署到 GitHub Pages 等静态网页托管平台上。

由于使用的是较旧的技术栈，如果部署在网络上，请注意潜在的安全风险。

开源与贡献

与 LunaDial 一样，LunaDial Classic 也是一个自由且开源的项目，使用 MIT License 授权。如果你有兴趣使用或改进它，欢迎访问仓库，点一个 Star、Fork，或者提交 PR：

🔗 GitHub 仓库地址

写在最后

截至 2025 年 4 月 1 日，Android 4.4 的占有率仅 0.1%

今天，这样的老旧设备已经处于市场的边缘。但是，电子产品置于无人问津的角落，任凭岁月的灰尘吞噬，它的辉煌，就注定被遗忘了吗？

也许，燃尽最后的一束光，就是它们最好的归宿吧。

LunaDial Classic 并不是一个追求炫酷界面或强大功能的项目，而是一个专注于实用性与兼容性的小工具。相比 LunaDial，它的功能确实很简单——就是一个数字时钟。但是，我希望它可以成为那些老旧设备的新生命源泉 —— 让它们不再是抽屉里的纪念品，而是能继续发光发热的老伙计。

最后再放一下 LunaDial Classic 的 GitHub 仓库地址，欢迎前来体验。

哦对了，你知道 LunaDial 这个名字是怎么来的吗？