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

Screenshot eines Smartphones mit der Designfarbe

Ab Version 39 von Chrome für Android auf Lollipop können Sie das Meta-Tag theme-color verwenden, um die Symbolleistenfarbe festzulegen. Das bedeutet, dass es keine grauen Symbolleisten mehr gibt. Die Syntax ist ganz einfach: Fügen Sie dem <head> Ihrer Seite ein meta-Tag mit dem name="theme-color" hinzu und legen Sie das content auf eine beliebige gültige CSS-Farbe fest.

Wenn Sie beispielsweise den Hintergrund auf Ihre Lieblingsfarbe oder auf das Orange von HTML5Rocks festlegen möchten:

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

Außerdem werden in Chrome hochauflösende Favicons angezeigt, wenn sie verfügbar sind. Chrome für Android wählt das Symbol mit der höchsten Auflösung aus, das Sie bereitstellen. Wir empfehlen, eine PNG-Datei mit 192 × 192 Pixeln bereitzustellen. Beispiel:

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

Weitere Informationen finden Sie auf HTML5Rocks und auf der Website Web Fundamentals. Weitere Möglichkeiten, Ihre Website hervorzuheben, finden Sie in der Dokumentation zum Hinzufügen zum Startbildschirm.