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

前端之家收集整理的这篇文章主要介绍了是否可以在普通网页上隐藏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.

猜你在找的HTML相关文章