В 2014 году Chrome представил концепцию цвета темы для вашего сайта. Цвет темы — это подсказка с вашей веб-страницы, которая сообщает браузеру, в какой цвет следует окрашивать элементы пользовательского интерфейса, такие как адресная строка .
Например, ниже представлен этот сайт с примененным цветом темы и без него.
Проблема в том, что вам придется определять цвет темы на каждой отдельной странице, а если у вас большой или устаревший сайт, то внесение множества изменений на всем сайте не всегда осуществимо.
Начиная с Chrome 46 (бета-версия, сентябрь 2015 г.) добавление атрибута theme_color в ваш манифест приведет к автоматическому применению цвета к каждой странице, которую пользователь посещает в вашем домене при запуске сайта с главного экрана.
Если на вашей странице уже есть метатег theme-color, например <meta name="theme-color" content="#2196F3"> , то вместо значения в манифесте будет использоваться конфигурация уровня страницы.
Просто добавьте атрибут theme_color в свой манифест и укажите цвет HTML.
"theme_color": "#2196F3"
Чтобы увидеть это в действии, посетите Airhorner — лучший в мире воздушный рог и добавьте его на домашний экран. Или посмотрите манифест сайта .
Часто задаваемые вопросы
- Применимо ли это, если мой сайт не запускается с главного экрана?
Да. - Будет ли это применяться ко всему моему сайту, например, когда пользователь просто просматривает его?
В настоящее время это маловероятно, так как для этого браузеру придется загружать манифест гораздо чаще, а в настоящее время это низкоприоритетный ресурс. Он предназначен для анализа, когда пользователь добавляет сайт на домашний экран.