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

时间:2011-06-22 13:08:50

标签: ios browser hide

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

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

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

2 个答案:

答案 0 :(得分:8)

根据Apple Docs,它并没有明确说明你不能(但是正如你所指出的那样,当网站被添加到主屏幕时,它似乎只是按照需要行事。)

我还注意到Apple Support Forum上的共识似乎是您需要从主屏幕启动以获得所需的效果。

引用文档:

apple-mobile-web-app-capable

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

语法

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

讨论

  

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

     

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

状况

  

适用于iOS 2.1及更高版本。

答案 1 :(得分:3)

我发现这有效,

$('body').delay('1000').animate({ scrollTop: '0px' }, 'slow');

我注意到向下滚动删除它,所以滚动60px(铬的高度),但是隐藏它并向下滚动页面,但滚动为0px,假设您的页面已经从顶部开始(不是#目标),愚弄它!

我想你甚至可以删除延迟和动画,但我希望它是平滑的,而不是太生涩。