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.

 

Únete al canal de Telegram

Déjanos un comentario o entra al  Foro
Compártelo Share on FacebookTweet about this on TwitterShare on Google+Pin on PinterestShare on RedditShare on VKShare on StumbleUponShare on TumblrShare on LinkedInEmail this to someonePrint this page

Deja un comentario