当前位置:网站首页>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:因为我们可以发送通知给用户,才能真正推动参与了由保持用户通知,并与应用程式互动。
边栏推荐
- 射频电路学习之滤波电路
- Flutter Paystack 所有选项实现
- 混合型界面:对话式UI的未来
- A Spark SQL online problem troubleshooting and positioning
- 第二十四课、二十五课,高级光照(blinn),Gamma矫正
- 02 Truffle TutorialToken 示例
- How to upgrade nodejs version
- ScheduledExecutorService - 定时周期执行任务
- [Mini Program Project Development--Jingdong Mall] Custom Search Component of uni-app (Part 1)--Component UI
- 湖仓一体电商项目(二):项目使用技术及版本和基础环境准备
猜你喜欢
ScheduledExecutorService - 定时周期执行任务
Binary tree search and backtracking problem (leetcode)
Pytorch学习记录(七):自定义模型 & Auto-Encoders
Hematemesis summarizes thirteen experiences to help you create more suitable MySQL indexes
Splunk Workflow action 给我们带来的好处
postgresql 范围查询比索引查询快吗?
【NLP】Transformer理论解读
js右侧圆点单页滚动介绍页面
mysql 数据去重的三种方式[实战]
[NLP] Interpretation of Transformer Theory
随机推荐
skynet中一条消息从取出到处理完整流程(源码刨析)
刷题《剑指Offer》day05
js空气质量aqi雷达图分析
Flink1.15源码阅读——PER_JOB vs APPLICATION执行流程
postgresql generate random date, random time
服务器上解压文件时提示“gzip: stdin: not in gzip format,tar: Child returned status 1,tar: Error is not recovera“
MySQL 排序
优信年营收16亿:亏损3亿 已与蔚来资本及58集团签署股权协议
Binary tree search and backtracking problem (leetcode)
科目三:前方路口直行
期刊会议排名、信息检索网站推荐以及IEEE Latex模板下载
js implements the 2020 New Year's Day countdown bulletin board
2022 Hangzhou Electric Cup Super League 3
文件管理:目录管理
多个js雷达图同时显示
【NLP】Transformer理论解读
A brief introduction to the SSM framework
spark filter
MUI获取相机权限
【问题记录】TypeError: eval() arg 1 must be a string, bytes or code object