Użycie pliku manifestu aplikacji internetowej do określenia koloru motywu w całej witrynie

Koncepcję koloru motywu witryny zaprezentowano w Chrome w 2014 roku. Kolor motywu to wskazówka na temat strony internetowej, która informuje przeglądarkę, jaki kolor odcienia elementów interfejsu, takich jak pasek adresu.

Na przykład poniżej widać tę witrynę z zastosowanym kolorem motywu i bez niego.

Kolor motywu
Kolor motywu

Problem polega na tym, że musisz zdefiniować kolor motywu na każdej stronie, a jeśli masz dużą witrynę lub witrynę starszego typu, wprowadzanie wielu zmian w całej witrynie nie zawsze jest możliwe.

Od wersji Chrome 46 (beta, wrzesień 2015 r.) dodanie atrybutu theme_color do pliku manifestu powoduje automatyczne stosowanie kolorów do każdej strony odwiedzanej przez użytkownika w Twojej domenie po uruchomieniu witryny z ekranu głównego.

Jeśli strona ma już metatag „motyw-kolor”, np. <meta name="theme-color" content="#2196F3">, zamiast wartości z pliku manifestu zostanie użyta konfiguracja na poziomie strony.

Wystarczy dodać atrybut theme_color do pliku manifestu i określić kolor HTML.

    "theme_color": "#2196F3"

Aby zobaczyć, jak to działa, wejdź na stronę Airhorner – najlepszy na świecie Airhorn i dodaj ją do ekranu głównego. Możesz też otworzyć plik manifestu witryny.

Najczęstsze pytania

  • Czy dotyczy to sytuacji, gdy moja witryna nie jest uruchamiana z ekranu głównego?
    Tak.
  • Czy zmiany będą dotyczyć całej witryny, np. tylko, gdy użytkownik przegląda tylko stronę?
    W tej chwili prawdopodobnie oznaczałoby to, że przeglądarka musiałaby znacznie częściej pobierać plik manifestu. Obecnie jest to zasób o niskim priorytecie. Jest ona analizowana po dodaniu witryny do ekranu głównego.