2014 wurde in Chrome das Konzept einer Designfarbe für Ihre Website eingeführt. Die Designfarbe ist ein Hinweis von Ihrer Webseite, der dem Browser mitteilt, welche Farbe für UI-Elemente wie die Adressleiste verwendet werden soll.
Unten sehen Sie ein Beispiel für diese Website mit und ohne angewendete Designfarbe.
Das Problem ist, dass Sie die Designfarbe auf jeder einzelnen Seite definieren müssen. Wenn Sie eine große oder alte Website haben, sind viele websiteweite Änderungen nicht immer möglich.
Ab Chrome 46 (Betaversion September 2015) wird durch Hinzufügen eines theme_color-Attributs in Ihrem Manifest die Farbe automatisch auf jede Seite angewendet, die der Nutzer in Ihrer Domain aufruft, wenn die Website über den Startbildschirm gestartet wird.
Wenn Ihre Seite bereits ein Meta-Tag für die Designfarbe hat, z. B. <meta name="theme-color" content="#2196F3">, wird die Konfiguration auf Seitenebene anstelle des Werts im Manifest verwendet.
Fügen Sie einfach das Attribut theme_color in Ihr Manifest ein und geben Sie eine HTML-Farbe an.
"theme_color": "#2196F3"
Airhorner – the worlds best airhorn ist ein gutes Beispiel dafür. Fügen Sie die Website einfach Ihrem Startbildschirm hinzu. Oder sehen Sie sich das Manifest der Website an.
FAQ
- Gilt das auch, wenn meine Website nicht über den Startbildschirm aufgerufen wird?
Ja. - Wird es jemals auf meine gesamte Website angewendet, z. B. wenn der Nutzer nur surft?
Das ist derzeit unwahrscheinlich, da der Browser das Manifest dafür viel häufiger herunterladen müsste. Derzeit hat das Manifest eine niedrige Priorität. Diese Informationen sollen geparst werden, wenn der Nutzer die Website dem Startbildschirm hinzufügt.