美文网首页
PWA(渐进式 Web 应用)

PWA(渐进式 Web 应用)

作者: loble | 来源:发表于2020-12-29 12:11 被阅读0次

web 应用体验上不如原生应用

传统 web 应用

  • 依赖网络来加载内容。弱网环境加载慢,离线无法访问等问题
  • 不能添加到桌面,用户需要通过 url 来获取内容。
  • 消息推送能力缺失。

原生应用

  • 体验好
  • 开发成本较高
  • 动态性较差
  • 需要下载安装

由于以上的问题背景,谷歌为了缩小 web 应用于原生应用的差距,希望 web 应用可以尽可能的有原生应用的体验,故提出 渐进式 web 应用(PWA)的概念。

PWA 的特性

ServiceWorker

可编程的网络代理,离线化支持。
缓存
预加载

APP Manifest

定义 web 应用的表现和行为
添加桌面图标
闪屏动画、全屏浏览等

Push & Notification

消息推送
消息通知

Offline Cache

离线缓存
借助 ServiceWorker 的离线化能力
实现缓存和预加载
使用户在离线的情况也能使用部分功能

其他特性

图片

image.png

相关文章

  • 干货 | 10分钟玩转PWA

    关于PWA PWA(Progressive Web App), 即渐进式web应用。PWA本质上是web应用,目的...

  • VUE PWA 插件,接收server端消息推送并显示通知

    PWA,即 Progressive web apps(渐进式 Web 应用),PWA使得web应用具有与原生应用类...

  • PWA的学习之路

    PWA介绍 PWA是什么 MDN解释 PWA(Progressive Web Apps,渐进式Web应用)运用现代...

  • 【PWA学习】1. 初识 PWA

    什么是PWA PWA(Progressive Web Apps,渐进式 Web 应用)运用现代的 Web API ...

  • PWA

    PWA PWA 就是渐进式 web 应用(Progressive Web App)。早在2016年初,Google...

  • Angular初探PWA

    所谓PWA是 Progressive Web App 的缩写,中文意思是 “渐进式 Web 应用”,PWA有与传统...

  • PWA学习

    PWA全称Progressive Web App,即渐进式WEB应用。 一个 PWA 应用首先是一个网页, 可以通...

  • PWA 使用和配置说明

    PWA介绍 Progressive Web App, 即渐进式WEB应用,简称PWA。 一个网页添加上 App M...

  • PWA

    什么是PWA PWA全称Progressive Web App,即渐进式WEB应用。 1、可以添加至主屏幕,点击主...

  • 渐进式 Web 应用(PWA)

    简介 PWA(Progressive web apps,渐进式 Web 应用)运用现代的 Web API 以及传统...

网友评论

      本文标题:PWA(渐进式 Web 应用)

      本文链接:https://www.haomeiwen.com/subject/zyefoktx.html