2026 年的 Progressive Web Apps 比以往更强大，随着浏览器使安装提示更加突出，安装率也在提升。 本指南涵盖真正能被安装、支持离线工作并发送推送通知的 PWA 的技术要求。
2026 年 PWA 要求
- 通过 HTTPS 提供
- 带有
fetch事件处理器的已注册 Service Worker - 具有必填字段的 Web App Manifest
- 至少一个 ≥ 192×192 像素的图标
Web App Manifest
display: standalone 移除浏览器界面，已安装的应用看起来像原生应用。purpose: maskable——512px 图标应有安全区域边距以适配 Android 圆形图标遮罩。
Service Worker：缓存策略
| 策略 | 最适合 | 新鲜度 |
|---|---|---|
| Cache First | 字体、图片、静态资源 | 缓存过期前陈旧 |
| Network First | API 响应、用户数据 | 在线时始终新鲜 |
| Stale While Revalidate | HTML 页面、新闻源 | 即时加上后台刷新 |
推送通知
VAPID 密钥用于服务器和推送服务之间的身份验证，使用 npx web-push generate-vapid-keys 生成。
安装提示 UX
应用满足安装标准时浏览器触发 beforeinstallprompt 事件。不要在首次访问时显示安装 提示——等用户表现出参与度之后再显示。