是否可以在iOS 7 Safari中隐藏地址栏和状态栏?


12

是否可以在iOS 7中隐藏地址栏和状态栏?

在横向应用程序中,我当前正在使用以下代码在iOS以前的版本中执行此操作,即使在IOS 7上也可以正常工作:打开页面时,它会全屏显示并保持原状。

JS:

window.addEventListener("load",function() {
    // Set a timeout...
    setTimeout(function(){
        // Hide the address bar!
        window.scrollTo(0, 1);
    }, 0);
});

HTML:

<!-- For iOS web apps -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="AMC Walking Dead Story Sync">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

事实是,在iOS 7 iPhone和iPad上,点击屏幕底部时,将显示地址栏和状态栏,而摆脱它的唯一方法是更改​​电话方向,然后将其更改回先前的方向。无论如何要避免这种操纵?



我看不到SO的答案比这里的示例代码更有效。嗯...
bmike

Answers:


15

有一个方法:<meta name="viewport" content="minimal-ui”>
但只适用于iOS 7.1 -而不是7.0也不是8.0

来源:StackOverflow


来自iOS 7.1 beta 2更改日志和发行说明的更多详细信息:

Safari笔记

为视口元标记键添加了属性minimal-ui,该属性可在页面加载时最小化iPhone的顶部和底部栏。在使用minimal-ui的页面上时,点击顶部栏将使栏回到。轻按内容可再次将其关闭。

例如,使用<meta name=”viewport” content=”width=1024, minimal-ui”>


更新:我确认此方法可在iOS 7.1(官方最终版本)中使用。您可以使用我的网络应用程序确认自己,该应用程序使用上述元标记解决方案。

在此处输入图片说明


我将等待最终发布,然后尝试一下,然后我将接受您的回答。非常感谢。
svassr 2013年

嗯 我正在使用7.1.1,并且您上面链接的Web应用程序在加载时不会隐藏地址栏等。他们在7.1.1中打破了吗?
Brian B

7
这已在iOS8中删除。
Charlie Schliesser 2014年

1
检查这个职位约iOS8上实现:stackoverflow.com/questions/24889100/...
svassr

1

我已经看到了此建议,<meta name="apple-mobile-web-app-capable" content="yes"> 它以独立模式运行网站,该模式隐藏UI。我不清楚这与上面的mini-ui解决方案相比如何。我印象中,该解决方案也适用于7.1之前的iOS版本。


5
此解决方案仅适用于作为应用程序添加到主屏幕的网页。
svassr 2014年
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.