PWA:英文全称(Progressive Web Apps):渐进式web应用
体验
如果你之前没有了解过 PWA,大概率可能也不明白这是个什么效果,没有关系,我们直接看一个 PWA 应用示例,我们打开 m.weibo.cn/,这里是在电脑端打开的:
我们可以看到,在地址栏还有一个安装图标,点击一下,就会弹出安装应用的选项框:
我们点击安装后,该页面会自动关闭,然后开启一个应用窗口:
同时,打开 Mac 的启动台,我们会看到已经添加了微博的图标:
点击就会直接打开上面的应用窗口。
简单的来说,我们兼容 PWA,就是想要实现这样的桌面图标的功能,当然了, PWA 其他还有离线缓存、推送通知等功能,这里就不多说了。
为什么要将PWA作为本次的技术分享呢?
2017年11月份,谷歌在上海举办了一个开发者大会,期间在很多会场都有关于PWA
的介绍,王二认为谷歌在致力于推行这项技术,那么技术上还是很先进的,于是有了如下分享。
简单介绍
PWA的中文名叫做渐进式网页应用。 PWA可以将Web和App各自的优势融合在一起:渐进式,可响应,可离线,实现类似App的交互,即时更新,安全,可以被搜索引擎检索,可推送,可安装,可链接