是否可以在普通网页上隐藏iOS浏览器Chrome

因此,如果用户将您的页面添加到主屏幕,则可以使网站“全屏”并隐藏ipad上的地址栏/ chrome,这会在主屏幕上启动您的网站的图标.你只是放一些这样的meta标签：

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

但是,当页面刚刚进入正常的浏览会话(用户尚未直接从主屏幕上的图标启动您的站点)时,我无法让网站隐藏浏览器chrome.有可能吗？怎么样？

解决方法

根据 Apple Docs,它并没有具体说你不能(但是你已经注意到,似乎只有当网站被添加到你的主屏幕时,才会按照需要行事).

我也注意到,在Apple Support Forum年,共识似乎是你需要从主屏幕上启动以获得预期的效果.

文件报价：

apple-mobile-web-app-capable

设置Web应用程序是否以全屏模式运行.

句法

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

讨论

If content is set to yes,the web application runs in full-screen mode; otherwise,it does not. The default behavior is to use Safari to display web content.

You can determine whether a webpage is displayed in full-screen mode using the window.navigator.standalone read-only Boolean JavaScript property.

可用性

Available in iOS 2.1 and later.