因此,如果用户将您的页面添加到主屏幕,则可以使网站“全屏”并隐藏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.