apple-mobile-web-app-capable et les balises meta d'application web iOS
apple-mobile-web-app-capable est une balise meta qui indique à iOS de lancer votre site en plein écran, sans l'interface de Safari, lorsqu'il est ouvert depuis l'écran d'accueil. Elle s'associe à apple-mobile-web-app-status-bar-style pour colorer la barre d'état et à apple-mobile-web-app-title pour définir le nom. iOS moderne lit de plus en plus le mode d'affichage du manifeste à la place, mais ces balises restent la voie fiable sur Safari.
Faire qu'un raccourci d'écran d'accueil se comporte comme une application
Avec apple-mobile-web-app-capable réglé sur yes, un site ouvert depuis l'écran d'accueil iOS se lance en plein écran, autonome, sans la barre d'outils de Safari. apple-mobile-web-app-status-bar-style contrôle ensuite la barre d'état (default, black ou black-translucent), et apple-mobile-web-app-title définit le libellé sous l'icône.
Elles ne prennent effet que lorsque le site est lancé depuis l'écran d'accueil. Dans un onglet Safari normal, elles ne font rien.
Les balises meta d'application web iOS
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="My App" />FAQ sur les meta d'application web iOS
Que fait apple-mobile-web-app-capable ?
Elle fait qu'un site se lance en plein écran, sans l'interface de Safari, lorsqu'il est ouvert depuis l'écran d'accueil iOS. Elle n'a aucun effet dans un onglet de navigateur normal.
Que fait black-translucent à la barre d'état ?
Elle laisse votre page se dessiner derrière la barre d'état, qui flotte alors en blanc par-dessus votre contenu. Vous devez ajouter vous-même un rembourrage en haut, sinon la barre d'état chevauche votre en-tête.
Ai-je encore besoin de ces balises avec un manifeste ?
De moins en moins. "display": "standalone" dans le manifeste gère le lancement plein écran. Gardez les balises apple- pour les anciens iOS et un contrôle plus fin de la barre d'état.