PWA 入门教程
· 阅读需 18 分钟
渐进式 web 应用 (Progressive web apps) 简称为 PWA。它可以给用户原生应用的体验。
之所以称为“渐进式”，是因为给网站架设 PWA 并不影响原有的网页（ 或者说不需要代码层面的重构），这是一个独立的功能，你可以选择性添加该功能。
PWA 的主要作用：可以让网站安装到设备的主屏幕上，就像用户在 APP 商店下载应用后这个应用的图标会放在桌面上。PWA 不需要用户通过应用商店进行下载，当你访问某个站点时，该站点如果支持 PWA，它会提示你可以将这个站点添加到桌面上。
PWA 在没有出实现时，可以通过右键“另存为”添加到桌面，但添加到桌面是一个 HTML 文件，当你点击访问时会跳转到浏览器加载。频繁访问某个站点时，我们一般会把它收藏起来。PWA 出现之后，添加到桌面的图标我们可以自定义，还可以自定义首次进入 app 的画面，而且它不再使用浏览器打开，而是像原生应用一样打开，没有 url 地址输入框。PWA 还支持离线缓存，当用户没有网络时也能利用缓存展示页面信息。