Comment changer la couleur de la barre d'en-tête et la barre d'adresse dans la plus récente version de Chrome sur Lollipop?

N'ai rien trouvé sur ce sujet encore. J'aime vraiment la possibilité de changer la couleur de la barre d'adresse et en-tête de couleur sur la vue d'ensemble? Est-il un moyen facile de faire cela?

Comment changer la couleur de la barre d'en-tête et la barre d'adresse dans la plus récente version de Chrome sur Lollipop?.

Je pense que vous avez besoin d'Android 5.0 Lollipop pour ce travail, et de Chrome Fusionner les Onglets et Applications ensemble de Sur.

  • À compter de janvier 2016, la Fusion des Onglets option n'est plus nécessaire pour que cela fonctionne (en Sucette).
  • C'est aussi comme cela pour KitKat maintenant..
  • Vous avez besoin de Fusionner les Onglets pour voir la couleur dans les "applications Récentes" voir, mais même si vous avez désactivé l'option "Fusionner les Onglets et Applications", vous pouvez voir la couleur lors de l'affichage d'un site web dans google Chrome. Mais j'espère qu'ils ont corrigé un jour, alors que la liste des onglets à l'intérieur de Chrome (illustré lors de la "Fusion Onglets et Applications" est désactivée) serait également afficher le thème de la couleur à la place du gris terne.
  • parlez-vous quand vous allez pour changer d'onglet, il perd de la couleur? Si oui, alors oui, c'est pas l'idéal, mais pas vraiment une grosse affaire comme elle retrouve de la couleur lorsque vous cliquez sur l'onglet. La grande chose est que le site a vu a la couleur correcte 🙂
  • avec "Fusionner les Onglets et Applications" tourné off, vous obtenez ce point de vue (lien) lorsque vous changer d'onglet. Dans cette vue, tous les onglets sont tout gris. Ce serait bien si le thème de la couleur est restée dans cette vue. Similaire à la façon dont le "app-comme l'onglet" a la couleur du thème lors de la "Fusion Onglets et Applications" est activée de et vous ouvrez l'app switcher. (PS: Personnellement je déteste la fusion parce que j'ai beaucoup d'onglets, et puis j'ai beaucoup d'apps trop. Je veux les garder séparés ou je vais devenir fou >.< )
  • quelqu'un a trouvé un moyen de mettre la barre du bas (Le retour, accueil, menu des touches de couleur. Au moins une sombre vs la lumière de l'option?

InformationsquelleAutor Arpad Gabor | 2014-11-16
  1. 760

    Trouvé la solution après quelques recherches.

    Vous avez besoin d'ajouter un <meta> balise dans votre <head> contenant name="theme-color", avec votre code HEX que la valeur du contenu. Par exemple:

    <meta name="theme-color" content="#999999" />
    • Merci. La caisse a également html5rocks pour plus d'info: updates.html5rocks.com/2014/11/...
    • Est-il tous les paramètres de google Chrome pour désactiver cette option? Je ne supporte pas la couleur de la barre d'adresse. Je veux juste la couleur par défaut.
    • cela peut ne pas être une solution que vous aimez, mais vous pouvez arrêter le changement de couleur en désactivant le " Fusionner les onglets avec les applications de réglage.
    • Vraiment? Je suis à l'aide de la Guimauve, avec le " Fusionner les onglets avec les applications de réglage désactivé, mais la barre d'adresse est toujours de couleur. Peut-être qu'ils 'correction du bug'.
    • une récente mise à jour de Chrome a activé cette option pour les non-fusionnées (il a commencé à travailler pour moi à l'intérieur de la semaine dernière sur Lollipop)
    • Est-il un moyen de modifier également l'en-tête de la barre d'outils couleur du texte? Il semble automatiquement le choix entre le noir ou le blanc, en fonction de la couleur-choix de la teinte, mais je voudrais être en mesure de choisir la couleur du texte.
    • N'a pas nécessairement besoin d'être un nombre hexadécimal de la couleur, tout CSS valide couleur de travail.
    • J'ai essayé avec un CSS nom de la couleur, et il n'a pas travaillé, peut-être parce que je n'ai pas le dernier Android? Je ne sais pas, je suis juste de le signaler pour les futurs lecteurs, maintenant, je suis en train d'essayer avec une valeur hexadécimale.
    • Voici le lien vers documentation

    InformationsquelleAutor Arpad Gabor
  2. 472

    Vous avez réellement besoin de 3 meta balises pour Android, iPhone et Windows Phone

    <!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#4285f4">
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#4285f4">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="#4285f4">
    • Et que dire de la barre de chargement? Comme je l'ai déjà vu des sites web qui rend la barre du haut sombre et la barre de chargement blanc, mais je ne trouve pas l'extrait de analizing le code?
    • Remarque: selon Apple dev notes: "Ce meta tag a aucun effet, sauf si vous spécifiez d'abord en mode plein écran, comme décrit dans apple-apple-mobile-web-app-capable."
    • c'est en fait très utile info. Comment pourrait-on le faire?
    • Je ne comprends pas, selon Apple elle-même la réponse fournie par Edoardo L'Astorina devrait fonctionner... Rouge à ceci: developer.apple.com/library/iad/documentation/AppleApplications/...
    • Il y a une autre balise meta dans le dev de docs pour le plein écran @viriato
    • L'iOS apple-mobile-web-app-status-bar-style attribut prend uniquement en charge les black, black-translucent or par défaut " - vous ne pouvez pas utiliser une couleur personnalisée.
    • si vous utilisez black-translucent il fera la barre du haut transparent avec du texte blanc qui est probablement ce que vous voulez être après
    • Ce qui ne les modifier ajouter à la réponse ici? Ce n'est pas plus en profondeur, juste votre article.
    • Est-il un moyen de modifier également l'en-tête de la barre d'outils couleur du texte? Il semble automatiquement le choix entre le noir ou le blanc, en fonction de la couleur-choix de la teinte, mais je voudrais être en mesure de choisir la couleur du texte.
    • Sur Windows "msapplication-navbutton-couleur" définit la couleur personnalisée des boutons précédent et suivant dans le site Épinglé fenêtre du navigateur.

    InformationsquelleAutor Edoardo L'Astorina
  3. 83

    Par exemple, pour définir l'arrière-plan à vos favoris/Marque couleur

    Ajouter ci-Dessous les propriété Méta de votre code HTML dans TÊTE Section

    <head>
  ...
  <meta name="theme-color" content="Your Hexadecimal Code">
  ...
</head>

    Exemple

    <head>
  ...
  <meta name="theme-color" content="#444444">
  ...
</head>

    Dans l'Image ci-Dessous, que je viens de mentionner la Façon dont google Chrome de votre thème de couleur de la Propriété

    Comment changer la couleur de la barre d'en-tête et la barre d'adresse dans la plus récente version de Chrome sur Lollipop?

    Système d'exploitation Firefox, Safari, Internet Explorer et Opera Coast vous permettent de définir des couleurs pour les éléments du navigateur, et même la plate-forme à l'aide de balises meta.

    <!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#4285f4">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

    Safari spécifique style

    Des lignes directricesLes Documents Ici

    Cacher Safari Composants De L'Interface Utilisateur

    Ensemble de l'apple-mobile-web-app-capable de la balise meta sur oui pour activer le mode autonome. Par exemple, le code suivant affiche le contenu web en utilisant le mode autonome.

    <meta name="apple-mobile-web-app-capable" content="yes">

    Le changement de Statut Apparence de la Barre de

    Vous pouvez modifier l'apparence de la barre d'état par défaut soit noir ou noir translucide. Avec du noir translucide, la barre d'état flotte sur le dessus de l'intégralité du contenu de l'écran, plutôt que de les pousser vers le bas. Cela donne à la disposition de plus de hauteur, mais entrave le haut. Voici le code nécessaire:

    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    Pour en savoir plus sur le statut apparence de la barre, voir apple-mobile-web-app-status-bar de style.

    Par Exemple:

    Capture d'écran à l'aide de noir translucide

    Comment changer la couleur de la barre d'en-tête et la barre d'adresse dans la plus récente version de Chrome sur Lollipop?

    Capture d'écran à l'aide de noir

    Comment changer la couleur de la barre d'en-tête et la barre d'adresse dans la plus récente version de Chrome sur Lollipop?

    InformationsquelleAutor Ravi Delixan
  4. 40

    De la La documentation officielle,

    Par exemple, pour définir la couleur d'arrière-plan orange:

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

    En outre, Chrome va montrer de belles high-res favicons quand ils ne sont pas fournis. Chrome pour Android pics les plus élevés res icône que vous fournissez, et nous vous recommandons de fournir un 192×192px fichier PNG. Par exemple:

    <link rel="icon" sizes="192x192" href="nice-highres.png">
    • c'est le même que l'original de la réplique, en plus de l'ajout indépendants info
    • Je voulais juste ajouter un lien vers les docs officielles. C'est ça
    • Je pensais qu'un lien vers la documentation est exactement ce qui manquait à partir de la réponse choisie. C'est ce que j'ai été googler pour quand je me suis retrouvé ici. Je vous remercie.
    • C'est redondant
    InformationsquelleAutor khandelwaldeval