web-dev-qa-db-fra.com

apple-mobile-web-app-status-bar-style dans ios 10

Je sais que cette question a déjà été posée, je veux juste savoir si c'est toujours le cas dans iOS 10 (et iOS 9) ...

Selon les instructions des développeurs Apple pour les applications Web ( trouvé ici ), il existe 3 choix pour la barre d'état dans une application Web; default, black et black-translucent.

  1. Default donne une barre d'état blanche avec du texte noir.
  2. Black donne une barre d'état noire avec du texte blanc et
  3. Black-translucent donne un fond transparent avec du texte blanc De plus, cette barre d'état flotte au-dessus de votre contenu, ce qui signifie que vous devez pousser votre contenu vers le bas pour ne pas avoir Le contenu se chevauche avec le texte de la barre d'état.

J'aimerais vraiment utiliser la barre d'état noire-translucide (car je pense qu'elle a l'air plus native), mais l'arrière-plan de ma page est gris clair. Cela rend le texte blanc sur cette barre d'état très difficile à lire.

En termes simples, je voudrais juste un fond transparent avec du texte noir (essentiellement, default-translucent). Est-ce possible?

13
Brad

Malheureusement, vous ne pouvez pas utiliser de texte noir sur un fond transparent}.

Je suis d'avis que cela sera ajouté au schéma à un moment donné et que c'est également pénible que vous ne puissiez pas atteindre cet exemple pour l'instant. En bref, je suppose que la solution consiste à concevoir votre application fictive de manière native pour mieux contrôler son comportement et son apparence.

Documentation Apple Balises méta prises en charge


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

Ce n'est actuellement pas possible. Je voulais juste ajouter (après avoir lu un commentaire) que pour que les modifications apparaissent, au moins sur mon iphone X, vous devez supprimer l'application de votre téléphone, puis l'ajouter de nouveau à l'écran d'accueil.

1
AlexChaseJones