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

Question

我有

PWA

，我可以将其作为独立运行（如果用户单击设备上的图标），或者我可以作为普通网站运行（如果用户直接在网络浏览器中输入

URL

）。 如果用户以非独立方式打开页面，是否可以重定向页面（以独立方式打开）？ 我的清单文件已经包含独立参数：

 "display": "standalone"

我需要一些东西来开始。

Answer 1

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

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

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

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

---

更新

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

但桌面浏览器的情况并非如此，用户通过手动输入 URL 来访问网站。也许将来会改变，但目前不可能。

Answer 2

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

Answer 3

不，这意味着当某些用户从移动设备打开 pwa 时，它会进行预加载，然后以独立模式重定向到其他外部站点，例如重定向到 google.com 并且不加载 pwa 正文，仅预加载然后快速重定向...在浏览器中PWA 加载后其行为相同。