İOS 7 Safari'de adres çubuğunu ve durum çubuğunu gizlemek mümkün mü?


12

İOS 7'de adres çubuğunu ve durum çubuğunu gizlemek mümkün mü?

Bir peyzaj uygulamasında şu anda önceki iOS sürümleri için bunu yapmak için aşağıdaki kodu kullanıyorum ve IOS 7'de bile iyi çalışıyor: sayfayı açarken tam ekran gidiyor ve öyle kalıyor.

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">

Gerçek şu ki, iOS 7 iPhone ve iPad'de ekranın alt kısmına dokunduğunuzda adres çubuğu ve durum çubuğu görünür ve bundan kurtulmanın tek yolu telefon yönünü değiştirmek ve ardından önceki yönüne geri döndürmektir. Bu manipülasyondan kaçınmak için yine de var mı?


Bu soruya birçok cevap zaten stackoverflow.com/questions/18813476/…
AllInOne

Burada örnek kod daha çok çalışan bir cevap görmüyorum. Hmm ...
bmike

Yanıtlar:


15

Bir yöntem var:<meta name="viewport" content="minimal-ui”>
( ancak yalnızca iOS 7.1'de çalışır - 7.0 veya 8.0'da değil )

Kaynak: StackOverflow


İOS 7.1 beta 2 değişiklik günlüğü ve sürüm notlarından daha fazla ayrıntı :

Safari Notları

Viewport meta etiketi anahtarı için, sayfa yüklenirken iPhone'daki üst ve alt çubukların en aza indirilmesine izin veren bir özellik, minimal-ui eklenmiştir. Minimal-ui kullanan bir sayfadayken, üst çubuğa dokunmak çubukları geri getirir. İçeriğe tekrar dokunduğunuzda onları tekrar reddedersiniz.

Örneğin, kullanın <meta name=”viewport” content=”width=1024, minimal-ui”>.


güncelleme: Bu yöntemin iOS 7.1'de (resmi son sürüm) çalıştığını doğruladım. Yukarıda açıklanan meta etiket çözümünü kullanan web uygulamam ile kendiniz onaylayabilirsiniz .

resim açıklamasını buraya girin


Son sürümü bekleyip denemek için bekleyeceğim, sonra cevabınızı kabul edeceğim. Çok teşekkürler.
svassr

Hmmmm. 7.1.1 kullanıyorum ve yukarıda bağlı web uygulamanız yüklendiğinde adres çubuğunu vb. 7.1.1'de kırdılar mı?
Brian B

7
Bu iOS8'de kaldırıldı.
Charlie Schliesser

1
IOS8 uygulaması hakkında bu yazıyı kontrol edin: stackoverflow.com/questions/24889100/…
svassr

1

Bu önerilen gördüm <meta name="apple-mobile-web-app-capable" content="yes"> Siteyi UI gizler bağımsız modda çalışır. Bunun yukarıdaki minimal-ui çözümüyle nasıl karşılaştırıldığından emin değilim. Bu çözümün 7.1'den önceki iOS sürümleri için de çalıştığı izlenimindeyim.


5
Bu çözüm yalnızca ana ekranınıza uygulama olarak eklediğiniz web sayfası için geçerlidir.
svassr
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.