我正在尝试在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

是否需要包含其他清单项才能从显示中删除该网址?

更新-14/05/19:

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

当您在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域上的所有路由会更有意义。

最佳答案

也许为时已晚,但是您可以尝试向清单中添加scope属性。这样,只要主机与scope中指定的主机相同,地址栏就不会在IOS上显示。

看看这个:https://developer.mozilla.org/en-US/docs/Web/Manifest/scope

关于ios - 如何删除display:standalone IOS PWA中的网址?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/55950106/

10-12 01:11