iPad WebApp全屏在Safari

Question

苹果说在 Safari HTML参考 这下代码应该做的网络应用程序的全屏幕上的iPhone OS2.1和后。

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

但它似乎不到工作。有没有办法躲藏的名称/地址栏内Safari软件网络应用程序?

Answer 1

您保存书签应用到主屏幕后，这种方法只适用。不，如果你只是浏览到该网站正常。

Answer 2

如果你想留在一个浏览器，而无需启动一个新的窗口，使用该HTML代码：

<a href="javascript:this.location = 'index.php?page=1'">

Answer 3

1. 第一，启动野生动物园的浏览器自主屏幕上，进入网页，你想看到完整的画面。

2. 定位后的网页，请点击箭头的你的屏幕上。

3. 在下拉菜单点击上添加到主屏幕上的选择。

4. 添加到主窗口应当显示出来。你可以自定义的说明将出现一个标题在主屏幕上的。当你完成后，添加按钮。

5. 一个新的图标现在应显示在主屏幕上。点击图标将打开网页中的全模式。

注：图标上你的iPad主屏幕仅打开书签页中的全模式。下一个页面访问将包含野生动物园的地址和标题吧。这种方式的演奏你的网页或HTML5呈现在全模式下工作，如果源代码的网页包含以下标记：

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

你可以把这个标记你的网页，使用第三方的工具，例如号码的搜索引擎优化工具或任何其他你喜欢的。请注意，你需要添加标签的第一、刷新网页，然后添加一个书签。

Answer 4

有只打开第一（书签）页全屏。 任何一个页面将会与地址栏可见再次打开。 无论meta标签，你把你的页面标题...

Answer 5

该网站有一个工作的解决方法，同样的效果，使用JavaScript来设置的第一个孩子div来视的总高度。 http://webapp-net.com/Demo/Index.html

Answer 6

最喜欢在此线程的答案看起来没有跟上。 iOS的Safari浏览器在iPad上有全屏现在支持和它很容易使用JavaScript来实现。

下面是我完整的文章就如何落实在你的web应用程序全屏能力。