【问题标题】：PWA vs html5 webapp?PWA 与 html5 网络应用？
【发布时间】：2019-02-10 05:49:32
【问题描述】：
我知道 PWA 最具标志性的功能是
- Service Worker：使用户可以从缓存的资源中离线使用应用程序
- 添加到主屏幕：使用此功能，用户可以在其移动主屏幕上添加应用程序的快捷方式，以获得与原生应用程序交互的体验（但我认为仍然存在巨大差异）李>
- 等
但是，我可以在大约 6/7 年前使用当时的 HTML5 技术来做所有这些，我知道 Service Worker 是最近出现的，但也有“HTML5 App Cache，以及本地存储、索引数据库和文件 API 规范。”可以做类似的事情。
有没有人可以解释 PWA 和 HTML5 webapps 之间的区别是什么？或者它们只是相同的术语？还是类似的概念但不同的实现？还是 PWA 是 HTML5 webapp 的（下一代/扩展）？
我可能对 PWA 有一些误解，因为我是这个术语的新手，谢谢。
【问题讨论】：
标签：
html
web-applications
progressive-web-apps
【解决方案1】：
如果保持简单，PWA 就是具有 3 个附加功能的普通网站。
- 响应式设计 - 网站应该在所有设备上都很好看
- manifest.json - 站点必须在 manifest.json 中存储关于自身的一般描述
- 缓存 - 网站必须离线工作
我相信 1 和 2 很容易。而 3 正是 PWA 的全部意义所在。所以问题是：我们如何提供离线支持？
第一个问题是我们如何在没有互联网连接的情况下获取我们的初始 .html .css 和 .js 文件？答案是：我们应该使用 service worker 或 App Cache。但是 App Cache 有很多问题，可能会被弃用，另一方面，Service Worker 正在开发中，每个月都会变得更好。你可以阅读更多关于他们的区别here。
第二个问题是我们如何在没有互联网连接的情况下获取服务器数据？我们应该将最重要的数据存储在某个地方。但在我们从缓存中获取.js 文件后，我们可以访问本地存储、索引数据库等。因此我们可以将重要数据存储在任何此类存储中当我们在线时并在我们离线时从他们那里取回。如何处理完全取决于您。
我相信 PWA 和 HTML5 webapp 没有明确和严格的定义（至少目前如此）。所以你可以假设它是相同的，但今天 PWA 是更常见的词。