3、渐进式Web应用（PWA）的Web应用清单文件详解

渐进式Web应用（PWA）的Web应用清单文件详解

1. PWA与Web应用清单文件概述

渐进式Web应用（PWA）的一大特性是允许用户将Web应用安装到运行该应用的设备上。以往，移动用户可通过移动浏览器的“保存到主屏幕”选项实现类似操作，但PWA能带来更优的用户体验。实现这一功能的关键组件是Web应用清单文件。

2. 示例应用介绍

为了便于学习，我们以Tip Calculator应用为例，该应用可通过 https://learningpwa.com/tipcalc 访问，完整源代码存于 GitHub仓库 的chapter - 02文件夹中。我们先从基础版本（Tip Calc 1.0）开始，逐步添加Web应用清单文件以提升用户安装应用后的体验。此外，Google的Air Horner应用（ https://airhorner.com/ ，源代码在 https://github.com/GoogleChromeLabs/airhorn ）也是可安装Web应用的优秀学习示例。

3. 保存到主屏幕的常规操作

不同设备和浏览器保存Web应用到主屏幕的操作有所不同：