前几天在咖啡店刷微博，忽然弹出一个提示：“把网页装进手机，就像原生 App 一样”。我点了点“添加到主屏幕”，瞬间把 Twitter Lite 变成了手指可点的图标。那一刻，我真的开始怀疑：PWA 能让网页真的变身为 App 吗？于是我把这件事当成一次小实验，顺手记录下来跟大家聊聊我的“变身”之旅。
从网页到 App 的奇妙旅程
所谓渐进式 Web 应用（PWA），核心就是让普通的网页拥有离线缓存、推送通知、全屏启动等原生 App 的特性。技术上，它靠 Service Worker 把资源预先保存到浏览器的缓存区，还用 Web App Manifest 声明图标、启动方式。换句话说，只要浏览器支持，用户点几下就能把网站“装进”手机或电脑的桌面，打开时不再显示地址栏，甚至还能在没有网络的情况下阅读已缓存的内容。
我亲自装的几款 PWA
实验开始，我先挑了三款口碑不错的 PWA：Twitter Lite、Starbucks 点餐和 Telegram WebK。Twitter Lite 加载速度快到几乎看不见加载条，离线时还能浏览最近的推文。Starbucks 的点餐页面在我把它装到主屏幕后，竟然能在网络不佳的情况下提前选好饮品，等到网络恢复再提交。至于 Telegram WebK，最让我惊喜的是它的推送通知——即使我没有打开浏览器，消息仍然弹出来，感觉像真的 App。
- 离线缓存：首次访问后，关键页面和图片会被存入本地，第二次打开几乎瞬间渲染。
- 推送通知：通过 Service Worker 与服务器保持后台连接，重要消息不再错过。
- 全屏体验：启动后隐藏地址栏，像原生 App 那样占满整个屏幕。
- 跨平台一致性：同一套代码在 Android、iOS、Windows 浏览器上都能跑，维护成本大幅下降。
“把网页装进手机，省了几百块买 App 的钱，还不怕被商店抽成。”——一位朋友的感慨。
说到底，PWA 并不是魔法，它仍然受限于浏览器的能力和系统的权限。比如在 iOS 上，后台刷新时间会被系统压缩，离线时只能浏览已缓存内容，发送新消息仍需网络。但相较于传统的 Web 页面，这些“App 化”的特性已经足够让日常使用变得顺手。现在，我的手机里已经有了三个小图标，点一下就能直接进入对应服务，省去打开浏览器再输入网址的步骤，真是太省心了。
