如何在移动设备上安装 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 的推送消息。
我正在使用 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 的推送消息。