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

【问题标题】：Progressive Web App (PWA) redirect page into standalone mode渐进式 Web 应用 (PWA) 将页面重定向到独立模式
【发布时间】：2019-11-13 15:43:02
【问题描述】：

我有PWA，我可以独立运行它（如果用户单击设备上的图标），也可以作为普通网站运行（如果用户直接在网络浏览器中输入URL）。如果用户以非独立方式打开页面，是否可以重定向页面（以独立方式打开）？我的清单文件已经包含独立参数：

 "display": "standalone"

我需要一些东西来开始。

【问题讨论】：

您无法阻止用户使用浏览器查看您的 PWA (url)。他们甚至可以从你的全屏 PWA 切换到浏览器视图。实际上，如果用户已经安装了你的 PWA 并且在他们的桌面上有一个快捷方式，那么他们大部分时间都会使用它。很少有人会在浏览器中输入 URL。

【解决方案1】：

据我所知，您需要先在用户设备上“安装”pwa。

通过单击设备上的图标（意味着您已经在那里安装了应用程序），您可以打开 PWA，该 PWA 将按照 Web 清单中的描述呈现（在您的情况下是独立的）。

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

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

更新

您的问题（在评论中）的答案是否定的（来自桌面浏览器）。 Android 设备上的 Chrome 使用/直接打开 PWA 版本（如果已安装）。这是由于启用此功能的 Android Intent 过滤器所致。

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

【讨论】：

是的，我在设备上安装了 PWA。至此，您有两种方法可以打开此应用程序/网站。首先通过单击应用程序图标（独立），然后通过打开 chrome 浏览器并手动输入 url。我的问题是，如果用户通过 chrome 浏览器打开，是否可以重定向到独立模式

【解决方案2】：

在桌面版 Chrome 中，如果安装了 PWA 并且用户在浏览器中打开应用程序，地址栏右上角的密码管理器键和书签星 - 您可以向用户指出这一点。单击该链接会提供一个按钮来打开 PWA 并关闭浏览器选项卡。

【讨论】：