PWA(Progressive Web App)-----渐进式 Web 应用

Chrome 设置按钮 点击安装应用的PWA 面纱解密!

PWA 全称为 Progressive Web App,即渐进式 Web 应用。它是一种可以提供类似原生应用(native app)体验的 Web App。

PWA 运行在浏览器中,但它们可以逐步具备一些原生应用的特性,给用户原生应用的使用体验。渐进式的意思是,PWA 可以在浏览器中正常使用,但当设备支持时,它会变得更像一个原生应用。


PWA 的主要特点包括:

  1. 可靠 - 即使在网络条件不稳定或者没有网络的情况下,也能瞬间加载并展现

  2. 快速 - 对用户的操作快速响应,并且平滑流畅

  3. 粘性 - 像设备上的原生应用,具有沉浸式的用户体验,用户可以添加到桌面


PWA 的关键技术包括:

  1. Service Worker - 一个可以在后台运行的 JavaScript 脚本,可以拦截网络请求,缓存或者读取资源,支持离线访问

  2. Web App Manifest - 一个 JSON 格式的配置文件,它告诉浏览器这个应用的名字、图标等信息,用户可以将其添加到主屏幕

  3. Push Notification - PWA 可以像原生应用一样,接收并显示推送通知

  4. Background Sync - 允许 PWA 在后台进行数据同步,即使用户已经关闭了应用


PWA 旨在使用 Web 技术,在不牺牲 Web 的开放性和易用性的前提下,给用户提供接近原生应用的使用体验。对开发者而言,它们可以只开发一个应用,就能同时运行在不同的平台和设备上。这是一种有前景的 Web 应用开发模式。