当前位置:网站首页>Progressive Web App(PWA)
Progressive Web App(PWA)
2022-07-31 09:10:00 【aら 淼】
Progressive Web App
一、 PWA 宣传 : Reliable ( 可靠的 )、Fast( 快速的 )、Engaging( 可参与的 )
- Reliable : 为什么他是可靠的呢,当用户从手机主屏幕启动时,不用考虑网络的状态是如何,都可以立刻加载出 PWA。
- Fast:这一点应该都很熟悉了吧,站在用户的角度来考虑,如果一个网页加载速度有点长的话,那么我们会放弃浏览该网站,所以 PWA 在这一点上做的很好,他的加载速度是很快的。
- Engaging : PWA 可以添加在用户的主屏幕上,不用从应用商店进行下载( 似乎省了下载流量哦!)他们通过网络应用程序 Manifest file 提供类似于 APP 的使用体验( 在 Android 上可以设置全屏显示哦,由于 Safari 支持度的问题,所以在 IOS 上并不可以 ),并且还能进行 ”推送通知” 。
二、什么是Progressive
PWA不是API或技术,但它是一种Web开发方法,它使用已有的工具和技术组合来创建有针对性的理想用户体验。
渐进式Web应用程序是:
渐进式- 适用于每个用户,无论浏览器选择如何,因为它是以渐进增强为核心原则构建的。
自适应- 适合任何形式:桌面设备,移动设备,平板电脑或其他任何设备。
独立连接- 增强服务人员脱机工作或低质量网络。
APP样-感觉就像是一个应用程序,因为应用程序壳模型分离的应用程序的功能从应用内容。
新鲜- 由于服务工作者更新过程,始终保持最新状态。
安全- 通过HTTPS提供服务以防止窥探并确保内容未被篡改。
可发现- 由于W3C清单和服务工作者注册范围,可以识别为“应用程序”,允许搜索引擎找到它。
可重新参与 - 通过推送通知等功能轻松实现重新参与。
可安装- 允许用户将他们认为最有用的应用添加到其主屏幕,而无需使用应用商店的麻烦。
可链接- 通过URL轻松共享应用程序,不需要复杂的安装。
三、为什么我们需要Progressive Web App
FIRE:
Fast:PWA提供始终如一的快速体验。从用户下载应用程序到他们开始与之交互的那一刻起,一切都发生得非常快。因为您可以缓存数据,即使没有访问网络,也可以非常快速地再次启动应用程序。
Integrated user experience:PWA的感觉和行为就像本机应用程序一样。它们位于用户的主屏幕中,发送推送通知,如本机应用程序,并可访问设备的功能,如本机应用程序。体验感觉无缝集成。
Reliable experience:随着服务人员的帮助下,我们能够可靠地描绘出用户的屏幕上的图片,即使网络出现故障。
Ëngaging:因为我们可以发送通知给用户,才能真正推动参与了由保持用户通知,并与应用程式互动。
边栏推荐
猜你喜欢
How to Install MySQL on Linux
js实现2020年元旦倒计时公告牌
高并发-高可用-高性能
【TCP/IP】网络模型
零代码工具推荐 八爪鱼采集器
[MySQL exercises] Chapter 2 Basic operations of databases and data tables
02 Truffle TutorialToken 示例
Flink1.15 source code reading - PER_JOB vs APPLICATION execution process
PyQt5快速开发与实战 9.4 Matplotlib在PyQt中的应用
[Mini Program Project Development--Jingdong Mall] Custom Search Component of uni-app (Middle)--Search Suggestions
随机推荐
[NLP] Interpretation of Transformer Theory
How to restore data using mysql binlog
第二十四课、二十五课,高级光照(blinn),Gamma矫正
ONES 入选 CFS 财经峰会「2022数字化创新引领奖」
【TCP/IP】网络模型
SSM framework explanation (the most detailed article in history)
[MySQL exercises] Chapter 5 · SQL single table query
各位大佬,sqlserver 支持表名正则匹配吗
多版本node的安装与切换详细操作
vue element form表单规则校验 点击提交后直接报数据库错误,没有显示错误信息
SSM integration case study (detailed)
一次Spark SQL线上问题排查和定位
OpenGL es 初识
MUI获取相机权限
Are postgresql range queries faster than index queries?
Hematemesis summarizes thirteen experiences to help you create more suitable MySQL indexes
5.for in 和 for of区别和使用
[Cloud native and 5G] Microservices support 5G core network
优信年营收16亿:亏损3亿 已与蔚来资本及58集团签署股权协议
MySQL (2)