Cómo cambiar el color de la barra de encabezado y la barra de direcciones en la nueva versión de Chrome en Lollipop?
Todavía no hemos encontrado nada sobre este tema. Realmente me gusta la capacidad de cambiar el color de la barra de direcciones y el color del encabezado en la vista general? ¿Hay alguna manera fácil de hacer esto?
.
Creo que necesita Android 5.0 Lollipop para que esto funcione, y Chrome Combinar pestañas y aplicaciones establecer en En.
4 answers
Encontró la solución después de algunas búsquedas.
Debe agregar una etiqueta <meta> en su <head> que contiene name="theme-color", con su código hexadecimal como valor de contenido. Por ejemplo:
<meta name="theme-color" content="#999999" />
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-03-10 05:18:55
Usted realmente necesita 3 meta etiquetas para apoyar Android, iPhone y 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">
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-11-17 13:20:34
Por ejemplo, para establecer el fondo a su color favorito/Marca
Agregue a continuación Meta property a su código HTML en HEAD Section
<head>
...
<meta name="theme-color" content="Your Hexa Decimal Code">
...
</head>
Ejemplo
<head>
...
<meta name="theme-color" content="#444444">
...
</head>
En la imagen de abajo, acabo de mencionar Cómo Chrome tomó su propiedad tema-color
Firefox OS, Safari, Internet Explorer y Opera Coast permiten definir colores para los elementos del navegador, e incluso la plataforma utilizando meta tags.
<!-- 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 estilo específico
De las directrices Documentos Aquí
Ocultar los Componentes de la Interfaz de Usuario de Safari
Establezca la etiqueta meta compatible con apple-mobile-web-app en sí para activar el modo independiente. Por ejemplo, el siguiente HTML muestra contenido web utilizando el modo independiente.
<meta name="apple-mobile-web-app-capable" content="yes">
Cambiar la Apariencia de la Barra de Estado
Puede cambiar la apariencia de la barra de estado predeterminada a negro o negro translúcido. Con negro-translúcido, la barra de estado flota en la parte superior del contenido de la pantalla completa, en lugar de empujarlo hacia abajo. Esto le da al diseño más altura, pero obstruye la parte superior. Aquí está el código requerido:
<meta name="apple-mobile-web-app-status-bar-style" content="black">
Para obtener más información sobre la apariencia de la barra de estado, consulte apple-mobile-web-app-status-bar-style.
Por Ejemplo:
Captura de pantalla usando negro translúcido
Captura de pantalla usando negro
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-06-04 12:43:42
Por ejemplo, para establecer el color de fondo en naranja:
<meta name="theme-color" content="#db5945">
Además, Chrome mostrará hermosos favicons de alta resolución cuando se proporcionan. Chrome para Android elige el icono de resolución más alta que proporcione, y le recomendamos proporcionar un archivo PNG de 192×192px. Por ejemplo:
<link rel="icon" sizes="192x192" href="nice-highres.png">
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-12-11 12:20:09