简介
全称:Progressive Web App 渐进式网页应用
一个 PWA 应用首先是一个网页, 可以通过 Web 技术编写出一个网页应用. 随后添加上 App Manifest 和 Service Worker 来实现 PWA 的安装和离线等功能
例如微博、饿了么 现在都已经使用了PWA技术:
使用PWA 不使用PWA
将微博、新浪网址打开保存至桌面,分别打开,如上图所示:
微博无需重新加载、新浪需要重新加载且新浪上方没有浏览器的地址栏、工具条,似乎和Native App一样运行在一个独立的容器中。这就是PWA。
PWA解决的问题:
- 可以添加至主屏幕,点击主屏幕图标可以实现启动动画以及隐藏地址栏
- 实现离线缓存功能,即使用户手机没有网络,依然可以使用一些离线功能
- 实现了消息推送
PWA特点:
快速、可靠、粘性
PWA支持度:
Chrome、Firefox、百度、微信、QQ浏览器、UC、Safari、Opera等主流浏览器都已支持
PWA只支持https