iphone - 在 iphone 的 safari 上隐藏地址栏不起作用

Question

我希望我的网站在 iPhone 的 safari 中查看时不显示地址栏。根据我的研究，这个元标记应该可以解决问题，如果只针对 iPhone 设备：

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

当我在4S上测试时，它似乎没有起到作用。

也试过

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="viewport" content="width=device-width" /> 

还有什么需要做的吗？

Answer 1

您在问题中引用的apple-mobile-web-app-*元标记仅在用户将您的 Web 应用程序添加到他们的主屏幕时适用，之后他们可以单击该图标并且它似乎是一个本机应用程序（即使它不是）。

只要您的应用程序在设备上的 Safari 中被访问，Safari chrome 就会出现。