5、Progressive Web Apps：安装、调试与服务工作者入门

Progressive Web Apps：安装、调试与服务工作者入门

1. 应用安装实战

在安装 Progressive Web Apps（PWA）时，如果 Chrome 浏览器在处理清单文件时遇到问题，会列出相关问题。不过有些问题较难理解，可参考后续的故障排除部分获取更多细节。

1.1 创建测试环境

若将移动设备浏览器指向 https://learningpwa.com/tipcalc ，就能在设备上测试应用安装。该版本应用满足可安装的多项要求：
- 包含定义了最少属性集的 Web 应用清单，如 short_name 和/或 name ，图标需引用 192 和 512 像素的图标， start_url 以及 display 属性为 fullscreen 、 standalone 或 minimal-ui 。
- 注册了带有 fetch 事件处理程序的服务工作者。
- 通过 HTTPS 提供服务（测试时可使用本地主机）。

前两项可通过清单和服务工作者文件实现，而最后一项要求，需要在开发工作站的本地 Web 服务器上安装 SSL/TLS 证书，或者通过提供证书的服务提供商托管应用。

可通过以下简单且成本较低的方式自行设置：
1. 购买域名（可从 Google Domains 以每个 12 美元的价格购买）。
2. 选择托管提