Web新技术:PWA - Progressive Web App
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增加用户的回头率
PWA的技术现在还并未流行起来,因为也是一个比较新的技术,相信随着浏览器技术的发展,这种轻量的Web App的方式会逐渐的得以广泛应用,
了解下Google出的这种技术,对于我们Web前端开发来说,是非常有意义的,希望以上能为大家带来帮助.
如果想查看google的技术文档还请FQ查看:
https://developers.google.com/web/updates/2015/12/getting-started-pwa
这里还有一些关于PWA的资料收集:
https://github.com/ljinkai/pwa-collection
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 数据库服务器 SQL Server 版本升级公告
· C#/.NET/.NET Core技术前沿周刊 | 第 23 期(2025年1.20-1.26)
· 程序员常用高效实用工具推荐,办公效率提升利器!