Web新技术:PWA-Progressive Web App
发布在前端分享2016年4月28日view:10067前端开发Angularjs前端工程师Betti团队协作
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

什么是Progressive Web App?

Progressive Web App是一个利用现代浏览器的能力来达到类似APP的用户体验的技术,由Google实现,让浏览器打开的网址像APP一样运行在手机上。让Web App和Native App之间的差距更小。

概览特性:

  • 添加到屏幕
  • 从屏幕点击启动
  • 加载屏
  • 支持离线应用
  • 支持Push Notification

<!--more-->

除了Chrome支持以外,Firfox和Opera也支持了PWA.

Web App Manifest文件

PWA主要一个Manifest.json来配置一些功能,像浏览器样式、添加到屏幕的图标等等。

添加到屏幕的提示Banner

利用Service Worker来实现离线存储

关于Service Worker的标准定义可以参考:https://www.w3.org/TR/service-workers/

这里有Service Worker的一些样本参考:https://github.com/GoogleChrome/samples/tree/gh-pages/service-worker

利用Push Notification增加用户的回头率

Push是利用GCM实现的

PWA的技术现在还并未流行起来,因为也是一个比较新的技术,相信随着浏览器技术的发展,这种轻量的Web App的方式会逐渐的得以广泛应用, 了解下Google出的这种技术,对于我们Web前端开发来说,是非常有意义的,希望以上能为大家带来帮助.

如果想查看google的技术文档还请翻墙查看: Getting Started PWA

这里还有一些关于PWA的资料收集: https://github.com/ljinkai/pwa-collection

最后推荐一下亲测非常不错的利器:

Li-Desk站立办公桌,程序员的健康首选

点击立即购买

评论
发表评论
1年前

Progressive Web App 在国内很难流行,因为条件太苛刻了。 1、苹果Safari 浏览器不支持
2、最头痛的是,在国内绝大多数Android 系统都没有内置 Chrome 浏览器 我查看了,米Ui,魅族等第3方系统内置商城,Chrome 浏览器完全被屏蔽了。 目前让国产手机普及Chrome浏览器是一件很难的事,实在不划算,还是用React 或 原生态为好。

1年前
赞了此文章!
WRITTEN BY
PUBLISHED IN
前端分享

一些前端知识和最新的分享

我的收藏