PWA 在重定向到其他 URL 时显示 Safari 控件

Question

我正在尝试为 iOS 创建一个 PWA。这工作正常。我的应用程序的主页如下所示：

如您所见，该应用程序很好地填满了我的整个屏幕。此页面有 URL https://example.com/scanner。当用户第一次访问这个应用程序时，他被重定向到 https://example.com/scanner/login。但出于某种原因，PWA 显示了一些奇怪的 Safari 控件。

如何摆脱这些奇怪的控件？

相关代码在/scanner/login

<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<link rel="manifest" href="manifest.json">

manifest.json

{
  "display": "standalone",
  "scope": "/scanner/"
}

Answer 1

解决了。它与清单无关。我只是链接错了。 https://example.com/scanner 是由服务器端网络应用程序中的 URL-路由器确定的 URL。文件和其他资产需要静态链接。

在 manifest.json 中定义范围解决了我的问题中描述的问题。

{
  "display": "standalone",
  "scope": "/scanner/"
  ...
}

PWA 在重定向到其他 URL 时显示 Safari 控件

PWA shows Safari controls when being redirected to other URL

html

ios

progressive-web-apps