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

渐进式 Web 应用(PWA)

作者: quanCN | 来源:发表于2020-11-23 00:04 被阅读0次

简介

PWA(Progressive web apps,渐进式 Web 应用)运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序。这些应用无处不在、功能丰富,使其具有与原生应用相同的用户体验优势。具有功能性,可靠性和可安装性。
官网
渐进式Web应用程序教程
MDN-PWA

特点

PWA应用是指那些使用指定技术和标准模式来开发的web应用,这将同时赋予它们web应用和原生应用的特性,包括

  • 可发现-Discoverable
    内容可以通过搜索引擎发现
  • 可安装-Installable
    可以出现在设备的主屏幕
  • 可链接-Linkable
    你可以简单地通过一个URL来分享它
  • 网络独立性-Network independent
    它可以在离线状态或者是在网速很差的情况下运行
  • Progressive
    它在老版本的浏览器仍旧可以使用,在新版本的浏览器上可以使用全部功能。
  • 可重组性-Re-engageable
    原生平台的一个主要优势是,即使打开应用或者使用设备,也可以通过更新或新内容吸引用户
    现代Web应用也可以做到这点,例如使用Web Push API通过Service Worker直接将更新从服务器发送到应用程序,以及使用Notifications API来订阅推送通知
  • 响应式-Responsive
    它在任何具有屏幕和浏览器的设备上可以正常使用——包括手机,平板电脑,笔记本,电视,冰箱,等
  • 安全-Safe
    在你和应用之间的连接是安全的,可以阻止第三方访问你的敏感数据

浏览器支持

PWA不依赖单个API,而是使用各种技术来实现提供最佳Web体验的目标
PWA所需的关键要素是service worker,现在主流浏览器都已经支持。
其他功能,Web App ManifestPushNotificationsAdd to Home Screen也得到广泛支持。

实现

TWA

TWA(Trusted Web Activity)是集成 Web 应用的新方法,可以通过基于Custom Tabs的协议将 PWA 应用和 Android app 进行集成。
TWA

相关文章

  • 干货 | 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 以及传统...

网友评论

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

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