(Bu çok parçalı bir soru, senaryoyu özetlemek için elimden geleni yapacağım.)

Şu anda kullanıcılar sekmeli içeriği arasında tokatlamak, hem de dikey olarak her sekmeli içerik içinde ilerlemek için izin veren duyarlı bir web uygulaması (haber okuyucu) inşa ediyoruz.

Bir ortak yaklaşım sorunu olduğu için bir sarıcı div o doldurur tarayıcı penceresi seti overflow hidden auto, sonra da kaydırma yatay ve/veya dikey olarak içinde.

Bu yaklaşım çok güzel ama bir dezavantajı vardır:belgenin yüksekliğini tam olarak tarayıcı ile aynı görünüm penceresi olduğundan, Mobil Tarayıcı Adres saklamayacak bar/navigasyon menüsü.

Bize daha fazla ekran gayrimenkul almak için izin numerous hacks and viewport properties, fakat hiçbiri minimal-ui gibi oldukça etkili (iOS 7.1) tanıttı.

Haber iOS 8 beta4 bizi merak içinde olan Mobil Safari (iOS 8 Release Notes Y bölümüne bakınız), minimal-ui kaldırılmış olan dün geldi

Q1. Hala gizlemek için mümkün olan Adres Mobile Safari bar mu?

Bildiğimiz kadarıyla, iOS 7 no longer responds window.scrollTo hack, bu da anlaşılacağı yaşamak zorunda mıyız ile küçük ekran alanı, sürece benimseriz bir dikey düzen ya da kullanmak mobile-web-app-capable.

S2. Yine benzer yumuşak tam bir deneyim olması mümkün mü?

Tarafındanyumuşak tam ekranGerçekten mobile-web-app-capable meta etiketi kullanmadan yani.

Bizim web app erişilebilir, herhangi bir sayfayı yer imlerine veya paylaşılabilir yerli tarayıcı menüsünü kullanarak inşa edilmiştir. mobile-web-app-capable ekleyerek ve kullanıcıların kafasını karıştıran antagonises hangi tür Menü ekranı için kaydedilmiş olduğunda () çağırmadan gelen kullanıcıları engeller.

minimal-ui eskiden orta yere, gizleme menü varsayılan ama keeping it accessible with a tap -- ama Elma olabileceğini kaldırıldı buna bağlı diğer erişilebilirlik endişeleri (gibi kullanıcılar bilmeden nereye dokunun etkinleştirmek için Menü).

Q3. Bela tam bir tecrübe mi?

Öyle görünüyor ki fullscreen API yok, geldiğiniz için iOS yakın zamanda, ama bile olduğunu sanmıyorum menü nasıl saklanacağı erişilebilir (aynısı Chrome Android).

Bu durumda, belki de hemen gitmeliyiz mobil safari gibi, hesap için Görünüm penceresi yükseklik (iPhone 5 , 460 = 568 - 108, nerede 108 içerir OS çubuğu, Adres çubuğu ve navigasyon menüsü; iPhone 4 veya daha eski, 372).

Bazı alternatifler (yerel bir uygulama bina dışında) duymak isterdim.

Minimal uı görünüm penceresi özelliği iOS 8'de no longer supported. Ancak, minimal uı gitti kendisi değildir. Kullanıcı "touch-aşağı sürükleyin" jest. bir ile minimal uı girebilirsiniz

Orada birçok ön-koşulları ve engelleri yönetmek için Görünüm durumu, örneğin minimal uı için iş bırakacak yeterli içerik sağlamak kullanıcı, kaydırma, minimal uı için ısrar, pencere olmalı ofset sayfasında yükü ve sonra yön değiştirin. Ancak there is no way of calculating the dimensions of the minimal-ui ** 11 değişken ve söylemenin bir yolu böylece kullanıcı kullanarak önceden minimal uı.

Bu gözlemler gelişen bir parçası olarak araştırmasının bir sonucudurBrim – view manager for iOS 8. Son uygulama şu şekilde çalışır:

Sayfa yüklendiğinde, Ağzına bandı bir unsur oluşturur. Koşu bandı öğe kullanıcı alanı kaydırma vermek için kullanılır. Varlığı koşu bandı öğe kullanıcı minimal uı görünümü girebilirsiniz sağlar ve eğer kullanıcı sayfası veya değişiklikler yeniden yükler ise devam ediyor cihaz yönlendirme. Kullanıcı tüm zaman görünmez. Bu öğe KİMLİĞİ brim-treadmill.

Yönünü değiştirdikten sonra sayfa yükleme yapıldığında ya, Ağzına kullanıyor Eğer sayfa içinde olup olmadığını tespit etmek için Scream minimal uı görünüm (daha önce minimal uı olmuştur ve sayfa var eğer içerik yüksekliği ise minimal uı kalır yeniden kadar görünüm penceresi yükseklik) daha fazla.

Sayfa minimal uı, Ağzına kaydırma devre dışı bırakır belge (safe way bunu etkilemez yapar ana madde içeriği). Devre dışı belge kaydırma Yukarı kaydırma yaparken yanlışlıkla minimal uı terk etmenizi önler. Orijinal iOS 7.1 spec göre, üst bar dokunarak geri getiriyor krom geri kalanı.

Sonuç bu gibi görünüyor:

Uğruna belgeler ve bu durumda size yazmayı tercih kendi uygulama olduğunu belirtmekte fayda bunu kullanamazsınız Scream algılama aygıtı minimal-ui düz sonra orientationchange olay çünkü window Boyutlar değil yansıtacak yeni yönelim kadar rotasyon animasyon sona erdi. orientationchangeend olayı için bir dinleyici eklemek gerekiyor.

Scream orientationchangeend bu projenin bir parçası olarak geliştirilmiştir.