跳到主要内容

渐进式 Web 应用(PWA)

什么是 PWA

渐进式 Web 应用(Progressive Web App,PWA)是一个使用 web 平台技术构建的应用程序,但它提供的用户体验就像一个特定平台的应用程序。PWA 技术的核心目标是提升 Web App 的性能,改善 Web App 的用户体验,使其拥有媲美 Native 应用的流畅体验。

PWA 是 Google 于 2016 年提出的概念,于 2017 年正式落地,于 2018 年迎来重大突破,全球顶级的浏览器厂商,Google、Microsoft、Apple 已经全数宣布支持 PWA 技术。

需要特别说明的是,PWA 不是特指某一项技术,而是应用了多项技术的 Web App。其核心技术包括 App ManifestService WorkerWeb Push 等等。

PWA 的特点

PWA 具有以下特征和优势:

  • 渐进增强:PWA 提供了渐进增强的用户体验,意味着它们可以在任何浏览器上运行,但在支持的浏览器中会提供更好的功能和体验。
  • 响应式界面:PWA 使用响应式设计,可以适应各种设备和屏幕尺寸,从手机、平板到桌面电脑都能提供一致的用户体验。
  • 脱机访问:PWA 具有脱机访问能力,即使在网络连接不可用时,用户仍然可以访问应用程序并执行核心功能。这是通过使用服务工作线程(Service Workers)技术实现的,它可以缓存应用程序的资源并在离线时提供对它们的访问。
  • 快速加载:PWA 借助于应用程序外壳(App Shell)架构和缓存技术,可以实现快速加载和即时响应,提高了用户体验。
  • 类似原生应用:PWA 提供类似原生应用的导航和交互体验,包括本机应用程序的外观和感觉、平滑的动画效果等。
  • 可安装性:用户可以将 PWA 添加到其设备的主屏幕上,就像安装原生应用程序一样,这使得用户可以通过单击图标快速访问应用程序。
  • 推送通知:PWA 支持推送通知,开发者可以向用户发送实时更新和通知,增强用户参与度。

参考资料