首页 > 其他分享 >PWA 应用和原生应用的一些区别

PWA 应用和原生应用的一些区别

时间:2023-02-18 20:57:32浏览次数:42  
标签:原生 Web 用户 应用程序 应用 PWA

早在 2015 年,谷歌就启动了 PWA(又名渐进式网络应用程序,progressive web apps)概念。PWA 专注于在移动网络上做出改变和打造用户体验。

这种类型的 Web 应用程序提供了具有大量网络功能的类似原生应用程序的体验。

处理请求的现代 API 和 Service Worker 是 PWA 的核心。

渐进式 Web 应用程序的一些特点如下:

  1. 能够以受限方式访问硬件
  2. 将应用程序数据存储在缓存中
  3. 能够发送推送通知(仅适用于 Android 用户)
  4. 能够在低互联网连接和离线情况下正常工作

PWA 具有适用于所有平台的单一代码库。根据用户的设备,此应用可用作响应式网站或移动应用。PWA 不需要下载,因此许多用户甚至根本感知不到他们正在使用 PWA。

PWA 应用需要满足的三大特性:

  • Reliability: 不管 internet 连接的质量如何,但该应用程序在打开后仍能正常工作。
  • Speed: 用户体验流畅且反应灵敏,没有发现任何滞后现象。
  • Engagement: 渐进式网络应用程序的感觉和性能都像原生应用程序。

PWA 是如何工作的? 核心在于三个组成部分:

  • Service Worker 是在后台运行的脚本,管理缓存中的响应。 它们有助于减少数据流量并保存用户在线创建的信息。

  • Application shell:它代表加载 PWA 用户界面的本地资源。 应用程序外壳处理应用程序的交互和导航。由于这个组件,PWA 可以离线工作并加载由 service worker 缓存的动态内容。

  • Web 应用程序清单(manifest.json)是一个 JSON 文件,用于存储有关应用程序的信息。 它的主要目的是告知应用程序在用户屏幕上的显示方式。

标签:原生,Web,用户,应用程序,应用,PWA
From: https://www.cnblogs.com/sap-jerry/p/17133554.html

相关文章

  • Verilog之异或^的应用
    异或:相同为0,不同为1。 一、可用于两个整数的值进行交换,不用借助第三个变量。若a=5(0101),b=10(1010)经以下变换,可完成值的交换:a=a^b;0101^1010=1111b=b^a;10......
  • 如何在 Kitten 里绘制两个相邻的正方体并响应用户输入事件
    效果:按键盘的上下箭头,可以对正方体的棱长进行缩放。按键盘的左右箭头,可以对最上面的面的倾斜角度进行调整。按住键盘1,2,可以对正方体的斜边长度进行调整。实现原理......
  • 关于 Fiori 应用里 SAP UI5 前端开发和 SEGW 后台 OData 服务开发的工作量比值问题
    我的知识星球有朋友向我提问:Jerry您好!请问一个中等复杂度的FioriUI5应用,前端代码用freestyle方式纯自己写,后端用SEGW开发Odata服务,前后端的工作量的比值大概是......
  • 关于服务器端渲染的 Web 应用的 504 错误问题
    除非客户在SSR中添加了用于显式发送504的自定义逻辑,否则504不会来自SSR。在默认的Spartacus/SSR中,没有显式发送504的逻辑。默认情况下它只发送200或500(仅......
  • 关于 Angular 应用的入口
    ANGULAR.JSON是包含Angular项目的各种属性和配置的文件。这是构建器首先引用的文件,用于查找所有路径和配置并检查哪个是主文件。下面是一个hello-world应用程序的ang......
  • Angular 应用里 index.html 的作用
    index.html位于应用程序的src文件夹中。编译器在此文件的末尾动态添加所有javascript文件。由于现在所有组件都是已知的,因此html文件调用根组件即app-root。根......
  • c语言高级应用实验报告
    题目一:按要求将程序补充完整。有n个整数,使前面各数顺序向后移动m个位置,余下n-m个数变成最前面的数。写一个函数voidmoveNumber(int*pnum,intn,intm)实现以上功能。 ......
  • Verilog之异或^的应用
    一、用于两个整数的值进行交换,不用借助第三个变量。若a=5(0101),b=10(1010)经以下变换,可完成值的交换:a=a^b;0101^1010=1111b=b^a;1010^1111=0101a=a^b; 1......
  • RabbitMQ工作原理及应用
    工作模式https://www.rabbitmq.com/getstarted.html上图,列出了RabbitMQ的使用模式,学习上面的模式,对理解所有消息队列都很重要。名词解释名词说明server服务......
  • 拉格朗日插值小应用
    关于拉格朗日插值:我只会最简单的形式喵。就是给\(n\)个点值,就能在\(O(n^2)\)的时间复杂度内求出当\(x=a\)的时候的值。其标准形式是:\(\displaystyle\sum_{i=1}^n......