Ab Version 39 von Chrome für Android unter Lollipop können Sie die Farbe der Symbolleiste mit dem Meta-Tag theme-color
festlegen. Sie müssen dann keine grauen Symbolleisten mehr verwenden. Die Syntax ist ziemlich einfach: Füge der <head>
deiner Seite ein meta
-Tag mit name="theme-color"
hinzu und lege für content
eine gültige CSS-Farbe fest.
So stellen Sie beispielsweise den Hintergrund auf Ihre Lieblingsfarbe oder HTML5Rocks Orange ein:
<meta name="theme-color" content="#db5945">
Darüber hinaus zeigt Chrome schöne, hochauflösende Favicons an, sofern sie zur Verfügung gestellt werden. Chrome für Android wählt das Symbol mit der höchsten Auflösung aus. Wir empfehlen eine PNG-Datei mit 192 × 192 px. Beispiel:
<link rel="icon" sizes="192x192" href="nice-highres.png">
Sieh dir das Design für die Farbe „theme-color“ hier auf HTML5Rocks und auf der Web Fundamentals-Website an. Weitere Möglichkeiten, wie du deine Website hervorheben kannst, findest du in der Dokumentation Zum Startbildschirm hinzufügen.