Web PWA 添加到桌面：像 APP 一样启动 Kikoeru
PWA 是什么
渐进式 Web 应用（Progressive Web App）——本质上还是网页，但：
- 可以安装到桌面/主屏幕，获得独立图标
- 启动时是全屏应用体验，没有浏览器地址栏
- 支持离线缓存（Service Worker）
- 后台播放能力比普通网页好
Kikoeru 前端（kikoeru-quasar）就是以 PWA 模式构建的。
怎么安装
桌面 Chrome
- 打开 Kikoeru Web 界面
- 地址栏右侧如果出现"安装"图标（显示器+箭头），直接点
- 或点右上角三点菜单 → "安装 Kikoeru…"
- 安装后桌面出现图标，点它直接全屏启动
Windows Edge
和 Chrome 操作类似——三点菜单里能找到"将此站点作为应用安装"。
Android Chrome
- 打开 Kikoeru Web 界面
- 右上角三点菜单 → "添加到主屏幕"
- 确认 → 主屏幕出现图标
- 点图标启动就是全屏 APP 体验
iOS Safari
- 打开 Kikoeru Web 界面
- Safari 底部点分享按钮（方框+箭头）
- 滑动到"添加到主屏幕"
- 确认 → 主屏幕出现图标
- ⚠️ iOS 的 PWA 后台播放能力较弱，推荐用原生 TestFlight 客户端
装了 PWA 和不装有什么区别
| 能力 | 浏览器标签页 | 装了 PWA |
|---|---|---|
| 启动体验 | 有地址栏、标签栏 | 全屏、独立窗口 |
| 后台播放（桌面） | 切标签就停 | 保持播放 |
| 后台播放（移动） | 切后台可能停 | 更稳定 |
| 离线缓存 | 无 | 页面骨架可离线打开 |
| 图标 | 无 | 主屏幕有独立图标 |
PWA 的局限
- Service Worker 需要 HTTPS：局域网 HTTP 下打开的话，PWA 功能会打折扣（退化成普通网页）
- iOS 限制多：后台播放能力不如原生 APP，推荐用 TestFlight
- 更新需要刷新：新版本上线后，PWA 可能需要你手动刷新一次才能拿到最新资源