Obsługa kolorów motywów w Chrome 39 na Androida

Pete LePage

Zrzut ekranu telefonu z motywem color-color.

Począwszy od wersji 39 Chrome na Androida na Androida Lollipop, został użyty metatag theme-color do ustawienia koloru paska narzędzi. Oznacza to, że nie będzie już Szare paski narzędzi w Seattle Składnia jest dość prosta: dodaj do swojej strony tag meta. <head> strony za pomocą tagu name="theme-color", a w polu content ustaw dowolną wartość prawidłowy kolor CSS.

Aby na przykład ustawić tło na ulubiony kolor lub pomarańczowy HTML5Rocks:

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

Chrome będzie też wyświetlać piękne favikony w wysokiej rozdzielczości, dostępna. Chrome na Androida wybiera ikonę w najwyższej podanej rozdzielczości, zalecamy przesłanie pliku PNG o wymiarach 192 × 192 piksele. Na przykład:

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

Sprawdź tę kompozycję w witrynie HTML5Rocks i witrynę Web Fundamentals, aby zapoznać się z Dodaj do dokumentów na ekranie głównym , aby poznać więcej sposobów na wyróżnienie Twojej witryny.