Web新技术:PWA - Progressive Web App
来源:互联网 发布:程序员转架构师 编辑:程序博客网 时间:2024/05/22 06:54
http://ljinkai.github.io/2016/04/27/progressive-web-app/
什么是Progressive Web App?
Progressive Web App是一个利用现代浏览器的能力来达到类似APP的用户体验的技术,由Google实现,让浏览器打开的网址像APP一样运行在手机上。让Web App和Native App之间的差距更小。
概览特性:
- 添加到屏幕
- 从屏幕点击启动
- 加载屏
- 支持离线应用
- 支持Push Notification
除了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的技术文档还请翻墙查看: https://developers.google.com/web/updates/2015/12/getting-started-pwa
这里还有一些关于PWA的资料收集: https://github.com/ljinkai/pwa-collection
0 0
- Web新技术:PWA - Progressive Web App
- Google Progressive Web App简称PWA
- PWA(Progressive Web App)初探总结
- PWA(Progressive Web App)入门系列:(一)PWA简介
- Progressive Web App(PWA):模仿原生应用的Web应用
- 下一代 Web 应用模型 —— Progressive Web App (PWA)
- PWA(Progressive Web App)入门系列:(二)相关准备
- Progressive Web Applications(PWA)学习简记
- Progressive Web Apps (pwa)让网页渐进式地变成App !
- 认识Progressive Web App
- 你的首个 Progressive Web App
- Progressive Web App:模仿原生应用的Web应用
- 下一代 Web 应用模型 —— Progressive Web App
- Progressive Web App模仿原生应用的Web应用
- 下一代 Web 应用模型 —— Progressive Web App
- 【PWA】web推送技术
- 三 调试 Progressive Web Apps
- web开发新技术:Ajax
- 欢迎使用CSDN-markdown编辑器
- include指令和include动作的区别
- JDBC 详解 (一)
- 【Machine learning(python篇)】-几种常用的数据结构
- linux安装Nginx
- Web新技术:PWA - Progressive Web App
- FusionCharts属性大全
- javadoc相关
- 关于一些fuck
- 网络字节顺序 大小端讨论
- 第36篇问题图片导入总结及导入问题图片后重连房间(一)
- html
- Python 学习笔记random包
- spring事务传播属性与隔离级别