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

是否还需要包含其他清单项目以删除显示的网址？

更新-19/05/19：

我相信index.html和配置很好。我现在认为这是路由相关的问题

当您在IOS中将PWA添加到主屏幕时，它会将PWA的条目URL设置为您当前所在的页面。就我而言，当用户首次进入应用时，他们位于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上。

Answer 2

看看这篇文章：PWA Tips and Tricks