认识PWA(渐进式网页引用)

认识PWA(渐进式网页引用)

渐进式 Web 应用程序(PWAs)是使用现代 API 构建和增强的 Web 应用程序,以提供增强的功能、可靠性和可安装性,同时通过单个代码库访问任何人、任何地点、任何设备。

概念

PWA(Progressive Web Application),全称“渐进式网页应用”,是谷歌主导的一种新时代网页(应用)。

渐进式 Web 应用程序(PWAs)是使用现代 API 构建和增强的 Web 应用程序,以提供增强的功能、可靠性和可安装性,同时通过单个代码库访问任何人、任何地点、任何设备。

渐进式网络应用程序(PWAs)是一种网络应用程序,它使用渐进增强为用户提供更可靠的体验,使用新功能提供更完整的体验,并且可以安装。而且,因为它是一个网络应用程序,它可以到达任何人,任何地方,在任何设备上,所有与一个单一的代码库。一旦安装,PWA 看起来像任何其他应用程序,例如:

  • 它在主屏幕、应用程序启动器、启动板或开始菜单上有一个图标。

  • 当你在设备上搜索应用程序时,它就会出现。

  • 它打开在一个独立的窗口,完全独立于浏览器的用户界面。

  • 它可以与操作系统进行更高级别的集成,例如 URL 处理或标题栏定制。

  • 它可以离线工作

在下面的视频中,用户从浏览器中在桌面计算机上安装一个 PWA,然后像其他应用程序一样通过独立窗口访问它。
在这里插入图片描述

在下面的视频中,用户使用浏览器对话框在移动设备上从浏览器安装 PWA,同时使用 Add to Home 屏幕菜单。在这里插入图片描述

兼容性

Windows 10 and 11 视窗10和11

Google Chrome (from version 73), Microsoft Edge (from version 79), Microsoft Store

ChromeOS

built-in Chrome browser (from version 72), Play Store (from version 85)

macOS, Linux, and Windows 7 and 8.x

Google Chrome (from version 73), Microsoft Edge

其他一些小型设备也支持 PWAs,比如游戏机(微软商店的 Xbox)或者 XR 设备(Microsoft HoloLens 是 Facebook 的 Oculus 计划)。不过,其余具有浏览器的设备一般不接受 PWA,包括:

  • Game consoles 游戏机
  • Smart TVs 智能电视
  • Smartwatches 智能手表
  • Cars 汽车

开始

参考:

  1. Learn PWA

猜你喜欢

转载自blog.csdn.net/HHoao/article/details/128492817