如何在移动设备上安装 Progressive Web App?

How to install a Progressive Web App on a mobile device?

我正在使用 iPhone 在线浏览各种 PWA 演示。 安装是否像在主屏幕上添加 URL 一样简单?

好吧,截至今天,iOS 缺乏对 PWA 的适当支持,因此将作为 PWA 的 Web 应用程序添加到 iPhone。基本上,是的,您的主屏幕上会有一个快捷方式,但它不会为您提供任何 Service Worker 功能,而且您的用户也永远不会收到自动将应用添加到主屏幕的提示。

在 iOS 上只有一个非标准的 Apple 解决方案,它带有可用的元标记,允许您在一定程度上自定义您的网站在添加到主屏幕时的外观。参见 Apple docs

参见What Web Can Do and caniuse

2018 年 6 月更新:从 Safari 11.3 开始,iOS 支持 PWA 安装和 Service Worker 功能。但是它不会提示安装,所以 "install" PWA 的唯一方法是使用旧的 "add to home screen" 菜单 link。此外,它仍然不支持基于 Service Worker 的推送消息。