当前位置:网站首页>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:因为我们可以发送通知给用户,才能真正推动参与了由保持用户通知,并与应用程式互动。
边栏推荐
猜你喜欢

js实现2020年元旦倒计时公告牌

SSM framework explanation (the most detailed article in history)

skynet中一条消息从取出到处理完整流程(源码刨析)

基于学生成绩管理系统(附源代码及数据库)

第二十三课,抗锯齿(Anti Aliasing)

Cloud server deployment web project

Pytorch学习记录(七):自定义模型 & Auto-Encoders

【Redis高手修炼之路】Jedis——Jedis的基本使用

安装sambe

Come n times - 06. Print the linked list from end to end
随机推荐
来n遍剑指--07. 重建二叉树
spark filter
js right dot single page scrolling introduction page
qt pass custom structure parameters in different threads
射频电路学习之滤波电路
期刊投递时的 Late News Submission 是什么
MySQL 排序
Doraemon teach you forwarded and redirect page
六、MFC文档类(单文档和多文档)
MySQL (2)
第八章 、接口
来n遍剑指--09. 用两个栈实现队列
js department budget and expenditure radar chart
C# 正则表达式汇总
高并发高可用高性能的解决方案
How to upgrade nodejs version
利用frp服务器进行内网穿透ssh访问
postgresql 范围查询比索引查询快吗?
【Unity】编辑器扩展-01-拓展Project视图
Hematemesis summarizes thirteen experiences to help you create more suitable MySQL indexes