指南
发布于
参考描述事物是什么,而指南是面向任务的:如何真正把事情做完。 它们构成从第一个 PWA 到更难问题的进阶路径,并链回参考与 兼容性数据以获取权威细节。
自上而下逐步推进:每篇指南都以前一篇的成果为前提。
入门端到端构建并发布第一个可安装 PWA:添加 manifest、注册 Service Worker、满足可安装门槛。
让它可安装超越最低门槛:满足每一条可安装标准,并设计赢得「添加到主屏幕」的安装时机。
离线策略让 PWA 在无网络时仍能加载与使用:预缓存应用外壳、按请求类型路由 fetch、清理旧缓存,并提供离线回退页。
性能在真实用户中测量 LCP、INP 与 CLS,用 Lighthouse 复现慢页面,逐项修复,预缓存外壳,再用 Lighthouse CI 守住成果。
进阶以渐进增强方式接入推送、文件访问与平台集成等生产级能力,每一步都先做兼容性检查。
调试 PWA如何使用 Chrome DevTools 的 Application 面板(Manifest、Service workers、Cache storage)在开发过程中检查并排查 PWA 问题。
添加应用快捷方式在 PWA manifest 中添加 shortcuts 条目,让已安装应用的图标提供快捷操作,保持每个 URL 在 scope 内,并在应用内镜像这份菜单。
指南与站点其他部分的关系
Section titled “指南与站点其他部分的关系”指南讲的是怎么做,从不重复别处已有的事实:
这样事实只存放在一处:指南给出步骤,并引用相应的参考条目或支持矩阵以获取细节,
因此指导永不偏离事实。每篇指南都带有 sources 与 lastVerified 日期,并以保持长期
有效的方式撰写:教授持久的任务,而非有时效的公告。