wake-up-neo.net

apple-Mobile-Web-App-Statusleiste-Stil in iOS 10

Ich weiß, dass diese Frage schon einmal gestellt wurde. Ich möchte nur wissen, ob dies in iOS 10 (und iOS 9) noch der Fall ist ...

Gemäß den Apple-Entwicklerrichtlinien für Web-Apps ( hier ) gibt es drei Optionen für die Statusleiste in einer Web-App. default, black und black-transluzent.

  1. Default führt zu einer weißen Statusleiste mit schwarzem Text.
  2. Black führt zu einer schwarzen Statusleiste mit weißem Text und
  3. Schwarz-transluzent ergibt einen transparenten Hintergrund mit weißem Text Darüber hinaus schwebt diese Statusleiste über Ihrem Inhalt. Dies bedeutet, dass Sie den Inhalt um 20 Pixel nach unten drücken müssen, damit der Inhalt der Textzeile nicht mit.

Ich würde wirklich gerne die schwarz-durchscheinende Statusleiste verwenden (da ich denke, dass sie nativer erscheint), aber der Hintergrund meiner Seite ist hellgrau. Dadurch ist der weiße Text in dieser Statusleiste sehr schwer lesbar.

Einfach ausgedrückt, ich möchte nur einen transparenten Hintergrund mit schwarzem Text (im Wesentlichen default-translucent). Ist das möglich?

13
Brad

Leider kann Nein kein schwarzer Text auf einem transparenten Hintergrund angezeigt werden.

Ich bin der Meinung, dass dies irgendwann zum Schema hinzugefügt wird und es ist auch ein Schmerz, dass Sie dieses Beispiel nicht sofort erreichen können. Kurzum, die Antwort lautet: Entwerfen Sie Ihre Faux-App nativ, um eine bessere Kontrolle über ihr Verhalten und ihr Aussehen zu erreichen.

Apple-Dokumentation Unterstützte Metatags


content="default"

 Default Apple-mobile-web-app-status-bar-style


content="black"

 enter image description here


content="black-translucent"

 enter image description here

32
Matt

Derzeit ist es nicht möglich. Ich wollte nur (nachdem ich einen Kommentar gelesen hatte) hinzufügen, dass die Änderungen mindestens auf meinem iPhone X angezeigt werden müssen, wenn Sie die App von Ihrem Telefon löschen und sie dann erneut zum Startbildschirm hinzufügen.

1
AlexChaseJones