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

Raf*_*afe 11 browser hide ios

因此,如果用户将您的页面添加到主屏幕,您可以使网站"全屏"并隐藏ipad上的地址栏/ chrome,这会在主屏幕上显示他们启动您网站的图标.你只需要放一些这样的元标记:

<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-touch-fullscreen" content="yes" />
Run Code Online (Sandbox Code Playgroud)

但是,当页面处于正常浏览会话中时,我无法让网站隐藏浏览器镶边(用户尚未直接从主屏幕上的图标启动您的网站).有可能这样做吗?怎么样?

scu*_*ffe 8

根据Apple Docs的说法,它并没有特别说你不能(但是正如你所指出的那样,当网站被添加到你的主屏幕时,它似乎只是表现得很好).

我还注意到,在Apple支持论坛上,人们的共识似乎是您需要从主屏幕启动才能获得所需的效果.

从文档引用:

apple-mobile-web-app-capable
Run Code Online (Sandbox Code Playgroud)

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

句法

<meta name="apple-mobile-web-app-capable" content="yes">
Run Code Online (Sandbox Code Playgroud)

讨论

如果content设置为yes,则Web应用程序以全屏模式运行; 否则,它没有.默认行为是使用Safari显示Web内容.

您可以使用window.navigator.standalone只读布尔JavaScript属性确定网页是否以全屏模式显示.

可用性

适用于iOS 2.1及更高版本.