分享PWA(渐进式网页应用)

PWA:英文全称(Progressive Web Apps):渐进式web应用

体验

如果你之前没有了解过 PWA,大概率可能也不明白这是个什么效果,没有关系,我们直接看一个 PWA 应用示例,我们打开 m.weibo.cn/,这里是在电脑端打开的:

我们可以看到,在地址栏还有一个安装图标,点击一下,就会弹出安装应用的选项框:

 我们点击安装后,该页面会自动关闭,然后开启一个应用窗口:

同时,打开 Mac 的启动台,我们会看到已经添加了微博的图标:

 点击就会直接打开上面的应用窗口。 

简单的来说,我们兼容 PWA,就是想要实现这样的桌面图标的功能,当然了, PWA 其他还有离线缓存、推送通知等功能,这里就不多说了。

为什么要将PWA作为本次的技术分享呢?

 2017年11月份,谷歌在上海举办了一个开发者大会,期间在很多会场都有关于PWA的介绍,王二认为谷歌在致力于推行这项技术,那么技术上还是很先进的,于是有了如下分享。

简单介绍

PWA的中文名叫做渐进式网页应用。 PWA可以将Web和App各自的优势融合在一起:渐进式,可响应,可离线,实现类似App的交互,即时更新,安全,可以被搜索引擎检索,可推送,可安装,可链接

面试官:请你实现一个PWA 我:😭 - 掘金

简单介绍一下Progressive Web App(PWA) - 掘金

2022 年了,还不了解 PWA ? 教你 VuePress 博客如何快速兼容 PWA - 掘金

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值