(Dies ist eine mehrteilige Frage. Ich werde mein Bestes geben, um das Szenario zusammenzufassen.)

Derzeit erstellen wir eine reaktionsschnelle Web-App (Newsreader), mit der Benutzer zwischen Inhalten mit Registerkarten wechseln und vertikal in Inhalten mit Registerkarten blättern können.

Ein gängiger Ansatz zur Lösung des Problems ist die Bereitstellung eines Wrappersdiv Damit wird das Browser-Ansichtsfenster ausgefülltoverflow zuhidden oderautoBlättern Sie dann horizontal und / oder vertikal hinein.

Dieser Ansatz ist großartig, hat aber einen Hauptnachteil:Da die Höhe des Dokuments genau der des Browser-Ansichtsfensters entspricht, blendet der mobile Browser die Adressleiste / das Navigationsmenü nicht aus.

Es gibtzahlreiche Hacks und Viewport-Eigenschaften Das ermöglicht uns, mehr Bildschirmfläche zu bekommen, aber keine ist so effektiv wie die andereminimal-ui (eingeführt in iOS 7.1).

Gestern kam die Nachricht, dass iOS 8 beta4 entfernt wurdeminimal-ui von Mobile Safari (siehe Abschnitt Webkit iniOS 8 Versionshinweise), was uns wunderte:

Q1. Ist es immer noch möglich, die Adressleiste auf Mobile Safari auszublenden?

Soweit wir wissen, iOS 7reagiert nicht mehr zumwindow.scrollTo Hack, dies deutet darauf hin, dass wir mit dem kleineren Bildschirmbereich leben müssen, es sei denn, wir verwenden ein vertikales Layout oder eine vertikale Verwendungmobile-web-app-capable.

Q2. Ist es immer noch möglich, ein ähnliches Soft-Vollbild-Erlebnis zu haben?

Durchweicher Vollbildmodus Ich meine wirklich ohne diemobile-web-app-capable Meta-Tag.

Unsere Web-App ist so konzipiert, dass sie zugänglich ist. Jede Seite kann mit einem Lesezeichen versehen oder über das native Browser-Menü freigegeben werden. Beim Hinzufügenmobile-web-app-capable Wir verhindern, dass Benutzer ein solches Menü aufrufen (wenn es auf dem Homescreen gespeichert ist), was die Benutzer verwirrt und verärgert.

minimal-ui Früher war das der Mittelweg, versteckte das Menü aber standardmäßigHalten Sie es mit einem Fingertipp zugänglich - obwohl Apple es möglicherweise aufgrund anderer Probleme mit der Barrierefreiheit entfernt hat (z. B. Benutzer, die nicht wissen, wo sie tippen müssen, um das Menü zu aktivieren).

Q3. Lohnt sich ein Fullscreen-Erlebnis?

Es scheint, dass einVollbild-API kommt nicht in Kürze auf iOS, aber selbst wenn ja, sehe ich nicht, wie das Menü zugänglich bleibt (dasselbe gilt für Chrome unter Android).

In diesem Fall sollten wir die mobile Safari einfach so lassen, wie sie ist, und die Höhe des Ansichtsfensters berücksichtigen (für iPhone 5+ sind es 460 = 568 - 108, wobei 108 die Betriebssystemleiste, die Adressleiste und das Navigationsmenü enthält; für iPhone 4 oder älter, es ist 372).

Würde gerne ein paar Alternativen hören (außer eine native App zu bauen).