Prise en charge de "Theme-color" dans Chrome 39 pour Android

Capture d'écran d'un téléphone affichant la couleur du thème.

À partir de la version 39 de Chrome pour Android sur Lollipop, vous pourrez utiliser la balise Meta theme-color pour définir la couleur de la barre d'outils. Ainsi, vous n'aurez plus à utiliser les barres d'outils grises de Seattle. La syntaxe est assez simple: ajoutez une balise meta au <head> de votre page avec name="theme-color" et définissez content sur n'importe quelle couleur CSS valide.

Par exemple, pour définir l'arrière-plan sur votre couleur préférée ou sur le orange HTML5Rocks, procédez comme suit:

<meta name="theme-color" content="#db5945">

De plus, lorsqu'ils sont fournis, Chrome affiche de superbes favicons haute résolution. Chrome pour Android choisit l'icône de résolution la plus élevée que vous fournissez. Nous vous recommandons de fournir un fichier PNG de 192 × 192 pixels. Exemple :

<link rel="icon" sizes="192x192" href="nice-highres.png">

Découvrez la couleur du thème sur HTML5Rocks, ainsi que sur le site Web Fundamentals. N'oubliez pas de consulter la documentation "Ajouter à l'écran d'accueil" pour découvrir d'autres façons de mettre votre site en valeur.