如何删除显示屏中的网址:独立的iOS PWA

Question

我正在尝试在iOS上设置独立的PWA，并且网址仍然保留

我在 index.html

中包括以下内容

<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="mobile-wep-app-capable" content="yes" />

有包括

    "display": "standalone"

在site.webmanifest

中

与我们的服务器的连接超过https

是否还有其他需要包含其他清单项目以将URL从显示？

中删除？

更新-19/05/19：

我相信index.html和配置很好。我现在认为这与路由有关

当您在iOS中的房屋屏幕上添加PWA时，它将输入URL设置为PWA作为您当前打开的页面。就我而言，当用户首次输入应用程序时，他们在www.sitename.co.uk/login而不是页面的根源 www.sitename.co.uk/

我偶然发现在线上，Safari的全屏PWA应用程序将在重定向到另一个域后显示URL栏，以防止网络钓鱼/使用户重定向。

我只能假设，当您添加PWA时，它将URL添加为某种"根"，并且当您尝试在根下导航时，它会以意外行为为标记并导致这种行为

/login -> No URL
/ -> URL
/edit/resource -> URL
/login/resource -> No URL

这很烦人，因为

a(我希望用户使用相同的PWA体验，无论他们在哪个屏幕上添加了

的应用

b(允许在没有URL的情况下查看PWA域上的所有路线会更有意义。

Answer 1

也许为此有点晚了，但是您可以尝试在清单中添加scope属性。这样一来，只要主机在scope中指定的主机相同，地址栏就不会显示在iOS上。

检查一下：https：//developer.mozilla.org/en-us/docs/web/manifest/scope