web-dev-qa-db-fra.com

La balise méta thème-color de la barre de couleur Chrome Mobile ne fonctionne pas

J'essaie d'implémenter la balise méta theme-color mais je ne la vois pas fonctionner sur mon smartphone Motorola avec Chrome et Android Lollipop.

J'ai commencé avec une balise theme-color, puis j'ai écrit les autres balises, mais sans succès.

<meta name="theme-color" content="#5f5eaa">
<meta name="msapplication-TileColor" content="#5f5eaa">
<meta name="msapplication-navbutton-color" content="#5f5eaa">
<meta name="Apple-mobile-web-app-status-bar-style" content="#5f5eaa">

Cette page Web fonctionne sur HTTPS avec un certificat invalide (il s'agit d'un outil Intranet), mais je ne pense pas que cela affecterait cette fonctionnalité, n'est-ce pas?

15
gugabguerra

Une certification valide est requise d'après mon expérience de test.

J'avais le même problème que lors de mes tests sur mon hôte local (c'est-à-dire que la couleur d'arrière-plan de la barre d'adresse ne changeait pas sur mobile), mais dès que j'ai poussé en production (c'est-à-dire que la production possède une certification valide), j'ai pu voir les modifications reflétées sur le Appareils de test Android.

Appareils Android utilisés: OnePlus 3T, Huawei, un ancien téléphone Samsung. Tous étaient des résultats positifs.

2
M.Gomaa

Voici le tableau de soutien de cette balise méta. https://caniuse.com/#feat=meta-theme-color

 enter image description here

0
step

chrome nécessite un certificat valide pour que la couleur de la barre de thèmes fonctionne

0
kriskotoo BG