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