PWA(Progressive WEB APP)渐进式web应用介绍

本文探讨了PWA技术的产生背景,详细介绍了其核心内容包括webAPPmanifest、serviceworker及pushNotification。回顾了PWA技术的演变过程,分析了当前浏览器支持情况,并预测了其广阔的应用前景。同时,列举了国内外知名的PWA应用案例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

综述:将所学的知识主要内容记录下,加深理解和印象

1.pwa技术产生的背景

  • 目前native app由于不能跨平台,需要多次发版,开发成本高,产生了hybrid App开发模式
  • 基于web APP存在的依赖应用商店,不能缓存使用应用,不能主动向客户端推送消息等问题产生了pwa技术

2.pwa技术的核心内容

  • web APP manifest(APP户口本,定义图标,可以直接添加到桌面)
  • service worker(实现资源的缓存,提高应用体验保证在离线情况下也能访问)
  • push Notification(向客户端主动推送消息的API)

3.pwa的演变过程和现状

从Google的在HTML5中的manifest缓存策略中演变而来;

目前国内的浏览器和苹果的Safari浏览器还不支持相关API,许多api还存在于草案中,不适合大规模应用pwa技术。

4.pwa的未来

随着各个浏览器厂商的支持,前景非常广泛。

随着js-to-native和pwa技术的发展,native APP的生存空间越来越小;但目前在国内的市场环境还比较小,了解即可;

5.国内外比较有名的pwa应用

  • 网易微博
  • 倾城之链
  • IT之家
  • LAVAS(基于Vue的pwa解决方案)

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值