
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.