阿宁blog
阿宁blog

将您懂的、您知道的全部写在这里

admin2018-03-18 人围观 学习笔记

摘要 PWA(Progressive Web App)是全新的网页技术,让网站的离线体验变得更好,网络连接断断续续时体验也会更好,它会模拟一些原生功能,比如通知推送

无意间看到了“PWA”这个词!通过百度LAVAS项目对PWA有了一个初步的认识:

Progressive Web App, 简称 PWA,是提升 Web App 的体验的一种新方法,能给用户原生应用的体验。
PWA 能做到原生应用的体验不是靠特指某一项技术,而是经过应用一些新技术进行改进,在安全、性能和体验三个方面都有很大提升,PWA 本质上是 Web App,借助一些新技术也具备了 Native App 的一些特性,兼具 Web App 和 Native App 的优点。

PWA 的主要特点包括下面三点:
可靠 - 即使在不稳定的网络环境下,也能瞬间加载并展现
体验 - 快速响应,并且有平滑的动画响应用户的操作
粘性 - 像设备上的原生应用,具有沉浸式的用户体验,用户可以添加到桌面

技术还不到家,看到这里就忍不住先打开了官方示例:

https://lavas-project.github.io/lavas-demo/appshell-new/#/

3444009.jpg

不过这样看貌似也没什么特别,点击添加到桌面也只是在桌面创建了一个快捷方式而已。

接着查阅资料,对google浏览器简单的设置了一下

浏览器地址栏打开“about:flags”,搜索"PWA",将Desktop PWAs 设置为enabled.

3904269.jpg

重启浏览器,再次打开LAVAS 官方PWA示例,点击添加到桌面,稍等片刻会出现下图提示

360截图20180318145115868.jpg

这下明显感觉不太一样了,竟然是“安装到桌面”,添加试试

回到桌面,打开新创建的这个快捷方式,发现真的不一样了。

150334356.jpg


它不再像之前的快捷方式似的打开在浏览器里,更像是打开了一个原生的应用软件一样,这一点跟win10应用商店里的应用非常相似。

想必这就是PWA应用了。

54435161.jpg

看到这些,原来PWA已经这么火了。

不过,个人感觉到PWA对于我这个开发技术还没入门的程序员来说,兴许要比开发应用程序要来得简单了,百度的LAVAS不就已经是一个解决方案了吗?

在这里收藏一下吧,以备查阅

百度LAVAS项目官网:https://lavas.baidu.com/