将iPhone状态栏隐藏在Web应用程序中？

有没有办法在iPhone网络应用程序中禁用状态栏？我正在研究需要固定的全屏视图，并且状态栏比较烦人。将iPhone状态栏隐藏在Web应用程序中？

来源

2010-05-23 Stefan Kendall

你说的是顶级酒吧吗？ – SLaks 2010-05-23 23:39:08

是的。状态栏。 – 2010-05-23 23:47:55

我不认为这是可能的一个Web应用程序。 – SLaks 2010-05-23 23:52:03

这是不可能的。

来源

2010-05-25 20:46:52

然而，请到http://bugreport.apple.com并提交此增强请求，为此添加足够的权重最终会导致苹果执行它 – duncanwilcox 2011-08-25 22:37:34

它不是一个包 - 它是一个功能 – 2011-12-02 08:38:27

+33

它绝对不是一个包 – DiscDev 2014-03-14 15:36:16

-8

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

来源

2010-05-23 23:34:57 CiNN

即使安装到主屏幕后，这也不起作用。 – 2010-05-23 23:46:53

“如果内容设置为yes，则Web应用程序将以全屏模式运行;否则不会显示。默认行为是使用Safari显示Web内容。您可以确定网页是否以全屏模式显示使用window.navigator.standalone只读布尔JavaScript属性。http://developer.apple.com/safari/library/documentation/appleapplications/reference/safarihtmlref/articles/metatags.html – 2010-05-24 00:08:04

此“全屏”的定义不隐藏状态栏window.navigator.standalone = true，并且状态栏一直存在 – 2010-05-24 00:49:01

我已经看到，您可能必须从主屏幕中删除Web应用程序，然后再次添加它，如果您已添加元标记，它会有所作为。为我工作。

来源

2011-06-17 14:58:26

不幸的是，没有。只有两个选项black和black-translucent。请注意，使用black-translucent部分网页框架将在状态栏下部分可见，而使用black实际上会将网页框架向下推，因此它的高度略小。

这是苹果公司说，在他们的documentation：

<meta name="apple-mobile-web-app-status-bar-style" content="black">

这个元标记没有影响，除非你先指定仿佛content设置为default在“apple-mobile-web-app-capable.”

描述全屏模式，状态栏显示正常。如果设置为black，状态栏的背景为黑色。如果设置为black-translucent，则状态栏为黑色且半透明。如果设置为default或black，则Web内容显示在状态栏下方。如果设置为black-translucent，则Web内容会显示在整个屏幕上，部分被状态栏遮挡。默认值是default。

来源

2013-01-11 21:37:49 Ryan

-1

它在iOS的7.1加

只需最少的UI添加到视meta标签，如：

从这里摘自： https://forums.whirlpool.net.au/archive/2194915

请注意，这只要我知道，只适用于iPhone，而不是iPad

来源

2014-04-28 14:31:25 andyg303

我可以得到最接近的（iOS7，我认为iOS6会显示变暗的状态栏）显示状态栏，但带有透明背景，并且不会压低页面内容;所以你会看到你的应用程序的顶部的网络连接时间和电池的百分比和时间。

meta tags: 
name="apple-mobile-web-app-capable" content="yes" 
name="apple-mobile-web-app-status-bar-style" content="black-translucent"

另外，要查看任何更改，您需要从主屏幕上删除应用程序，然后重新添加它。如前所述

通过andyg303：

最小的用户界面可能对测试工作，但测试和在iPhone（iOS版7.1.2 4S）或iPad（V2 7.1.2）不起作用。

来源

2014-09-01 03:15:16

将iPhone状态栏隐藏在Web应用程序中？

回答

相关问题