认识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