渐进式 Web 应用程序 (PWA) 将页面重定向到独立模式

Progressive Web App (PWA) redirect page into standalone mode

我有 PWA 我可以 运行 它作为独立的(如果用户点击设备上的图标)或者我可以 运行 作为普通网站(如果用户输入 URL 直接进入网络浏览器)。 如果用户以非独立方式打开页面,是否可以重定向页面(以独立方式打开)? 我的清单文件已包含独立参数:

 "display": "standalone"

我需要一些东西作为开始。

据我所知,您首先需要 "install" 用户设备上的 pwa。

通过单击设备上的图标(意味着您已经在该设备上安装了该应用程序),您可以打开 PWA,它将按照网络清单中的描述呈现(在您的情况下是独立的)。

如果您尚未在设备上安装 pwa,您将获得与在桌面上使用浏览器访问网站相同的行为。

如果我误解了你的问题,请告诉我。


更新

您的问题(在评论中)的答案是否定的(来自桌面浏览器)。 Chrome 在 Android 设备上 uses/opens 直接安装 PWA 版本,如果安装的话。这是由于启用此功能的 Android Intent 过滤器。

但这不是桌面浏览器的情况,用户通过手动输入 url 来访问网站。也许以后可能会改变,但目前是不可能的。

在桌面上的 Chrome 中,如果安装了 PWA 并且用户在浏览器中打开应用程序,则地址栏右上角有一个 "To open this link, choose an app" link,介于密码管理器密钥和书签星标 - 您可以向用户指出。单击 link 会提供一个按钮来打开 PWA 并关闭浏览器选项卡。