EspañolDeutschFrançaisItalianoPortuguêsРусскийΕλληνικά日本語中文(简体)हिन्दी; हिंदीالعربية
PF Preguntas - Foro

Cómo hacer que las pestañas de Chrome, y el propio navegador, se adapten al color de tu web

Webmasters y SEO  
 
Cómo hacer que las pestañas de Chrome, y el propio navegador, se adapten al color de tu web

Con la llegada de Android Lollipop y a partir de la versión 39 de Chrome, es posible personalizar el color de las pestañas del navegador Chrome para que éstas tomen el color que tu mismo indiques en tu sitio web. Así, tus páginas quedarán más atractivas cuando sean accedidas a través del navegador Chrome en Android.

 

La forma de conseguir que el navegador Chrome adopte el color que tu indiques en el código de tu propio sitio web es muy simple, tan solo tienes que añadir una etiqueta META con cierto atributo para identificar el color que quieres que tome el navegador y la pestaña.

Como ejemplo, podemos ver como luce esta web antes de realizar ningún cambio:

Cómo hacer que las pestañas de Chrome, y el propio navegador, se adapten al color de tu web - Image 1 - professor-falken.com

 

Vamos a hacer que el color de la pestaña del navegador Chrome cambie por un color negro, para guardar estilo con el color de la web. Para ello, simplemente, entre las etiquetas HEAD del código HTML de tu página, añade la siguiente etiqueta META:

donde en el atributo content tendrás indicar el color que quieres que pase a tener la pestaña.

Una vez hecho el cambio y subido al servidor, si actualizamos, podemos ver como el color de la pestaña cambia al abrir nuestra web:

Cómo hacer que las pestañas de Chrome, y el propio navegador, se adapten al color de tu web - Image 2 - professor-falken.com

 

De esta forma, puedes hacer que el propio navegador Chrome de Android no difiera en estilo de tu sitio web, y esté acorde al tema de tu página.

 

Déjanos un comentario o entra al  Foro
Share on Facebook Tweet about this on Twitter Share on Google+ Pin on Pinterest Share on Reddit Share on VK Share on StumbleUpon Share on Tumblr Share on LinkedIn Email this to someone Print this page