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

Screenshot eines Smartphones mit Design-Farbe.

Ab Version 39 von Chrome für Android auf Lollipop können Sie die Farbe der Symbolleiste jetzt mit dem Meta-Tag theme-color festlegen. Die Syntax ist ziemlich einfach: Füge mithilfe von name="theme-color" ein meta-Tag in die <head> deiner Seite ein und lege für content eine beliebige gültige CSS-Farbe fest.

So können Sie beispielsweise als Hintergrund Ihre Lieblingsfarbe oder HTML5Rocks-Orange festlegen:

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

Außerdem blendet Chrome ansprechende, hochauflösende Favicons ein, sofern diese bereitgestellt werden. Chrome für Android wählt das Symbol mit der höchsten Auflösung aus, das du zur Verfügung stellst. Wir empfehlen die Bereitstellung einer PNG-Datei mit 192 × 192 px. Beispiel:

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

Sieh dir die Farbe des Designs hier auf HTML5Rocks und auf der Web Fundamentals-Website an. In der Dokumentation zum Hinzufügen zum Startbildschirm findest du weitere Möglichkeiten, wie du deine Website von anderen abheben kannst.