Unterstützung von „theme-color“ in Chrome 39 für Android

Screenshot des Smartphones mit Designfarbe.

Ab Version 39 von Chrome für Android unter Lollipop können Sie jetzt um die Farbe der Symbolleiste mit dem Meta-Tag theme-color festzulegen. Grauen Symbolleisten von Seattle! Die Syntax ist ziemlich einfach: Fügen Sie ein meta-Tag zu Ihrem <head> der Seite mit name="theme-color" und legen Sie für content eine beliebige gültige CSS-Farbe.

So stellen Sie beispielsweise den Hintergrund auf Ihre Lieblingsfarbe oder HTML5Rocks Orange ein:

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

Außerdem zeigt Chrome schöne, hochauflösende Favicons an, bereitgestellt. Chrome für Android wählt das Symbol mit der höchsten Auflösung aus, und wir empfehlen eine PNG-Datei mit 192 × 192 px. Beispiel:

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

Sieh dir die Designfarbe hier auf HTML5Rocks und auf der Web Fundamentals-Website an und achte darauf, um sich die Zu Dokumenten auf dem Startbildschirm hinzufügen finden Sie weitere Möglichkeiten, Ihre Website hervorzuheben.