§ PWA简介

Progressive Web App, 简称PWA。是提升 Web App 的体验的一种新方法,能给用户原生应用的体验。

主要特点

  • 可靠: 即使在不稳定的网络环境下,也能瞬间加载并展现
  • 体验: 快速响应,并且有平滑的动画响应用户的操作
  • 粘性: 像设备上的原生应用,具有沉浸式的用户体验,通过添加到桌面以及离线消息推送

核心技术

  • Web App Manifest(可安装)
    • 支持站点在主屏上创建图标的技术方案,并且定制 PWA 的启动画面的图标和颜色等
  • Service Worker(离线使用)
    • 是用 JavaScript 编写的JS文件,能够代理请求,并且能够操作浏览器缓存,通过将缓存的内容直接返回,让请求能够瞬间完成。开发者可以预存储关键文件,可以淘汰过期的文件等等,给用户提供可靠的体验。
  • Push Notification(消息推送)
    • 负责所有与通知本身相关的机制,比如通知的权限管理、向操作系统发起通知、通知的类型与音效,以及提供通知被点击或关闭时的回调等等

PWA文档