DevTools Manifest 与 PWA 调试
用 Application 与 Lighthouse 检查 Manifest、安装条件、图标、离线能力和 PWA 相关配置是否完整有效。
#type / concept
#status / growing
#tech / dev / frontend
#platform / browser
#resource / chrome-devtools
[!info] related notes
- 所属 MOC: DevTools Application MOC
- 前置概念: Lighthouse, Service Worker 调试
- 并列概念: IndexedDB 与 Cache Storage 调试
- 关系笔记: Application 面板
DevTools Manifest 与 PWA 调试
一句话定义
Manifest 与 PWA 调试是在 DevTools 里验证站点是否具备安装与离线体验所需的关键条件。
核心内容
常见检查点
- Manifest 文件能否正确加载
- 名称、图标、启动 URL 是否完整
- Service Worker 是否满足离线能力前提
- Lighthouse 是否给出 PWA 相关缺项
常见场景
- 无法安装到桌面
- 图标、名称、启动行为不符合预期
- 离线体验不完整
边界与易混淆点
- 有 Manifest 不等于就是合格 PWA
- PWA 能不能工作，最终还要看 SW、缓存策略和 HTTPS 条件