PWA学习之路(一)

简介

全称:Progressive Web App 渐进式网页应用
一个 PWA 应用首先是一个网页, 可以通过 Web 技术编写出一个网页应用. 随后添加上 App Manifest 和 Service Worker 来实现 PWA 的安装和离线等功能

例如微博、饿了么 现在都已经使用了PWA技术:
使用PWA                                                              不使用PWA
                   
将微博、新浪网址打开保存至桌面,分别打开,如上图所示:
微博无需重新加载、新浪需要重新加载且新浪上方没有浏览器的地址栏、工具条,似乎和Native App一样运行在一个独立的容器中。这就是PWA。

PWA解决的问题:

  1. 可以添加至主屏幕,点击主屏幕图标可以实现启动动画以及隐藏地址栏
  2. 实现离线缓存功能,即使用户手机没有网络,依然可以使用一些离线功能
  3. 实现了消息推送
    PWA特点:
    快速、可靠、粘性

PWA支持度:
Chrome、Firefox、百度、微信、QQ浏览器、UC、Safari、Opera等主流浏览器都已支持

PWA只支持https

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值