WebAPK 忽略本地网络上 PWA 运行 的 display:standalone 标志

WebAPK ignores display:standalone flag for PWA running on local network

我正在开发一个 PWA,我想在独立显示模式下为其提供 "add to home screen" (a2hs) 功能。

在开发过程中,我的 PWA 运行 在服务器上,只能从本地网络访问(不能从外部互联网访问)。

在 Chrome 上为 Android 测试 a2hs 时,我遇到了以下奇怪的行为。

简单添加到主屏幕 当我的 PWA 作为普通快捷方式添加到主屏幕时,一切正常。单击快捷方式将以独立显示模式打开 PWA(Chrome UI 不可见)。

高级添加到主屏幕 (WebAPK) 当 PWA 作为 WebAPK 快捷方式添加到主屏幕时,我的 Web 清单中的独立标志将被忽略。单击快捷方式将在浏览器选项卡中打开 PWA(Chrome UI 可见)。

造成这种不正确行为的原因可能是什么?我的猜测是 Google 的服务器需要能够访问我的 PWA 清单才能正确 assemble WebAPK。由于无法从 Internet 访问我的清单,因此 WebAPK 不正确 assembled。这只是猜测。有人可以确认或描述这种奇怪行为的原因吗?

您的 PWA 可以在完整的专用网络(我们有一个)中,并且仍然可以作为可安装的 (WebAPK) PWA 使用。 您会看到 Chrome UI 的唯一原因是 PWA criteria 之一未满足。 运行 灯塔报告并确保 PWA 下的所有内容都通过。 Post 如果您需要帮助,请提供审计报告。

如果您使用的是自定义端口,请尝试使用默认端口。
其他人也报告了同样的奇怪行为。

此问题已通过使用默认端口修复。