Начиная с версии 39 Chrome для Android на Lollipop, вы сможете использовать метатег theme-color
для установки цвета панели инструментов — это означает, что серых панелей инструментов Сиэтла больше не будет! Синтаксис довольно прост: добавьте meta
в <head>
вашей страницы с name="theme-color"
и установите для content
любой допустимый цвет CSS.
Например, чтобы установить фон вашего любимого цвета или оранжевого цвета HTML5Rocks:
<meta name="theme-color" content="#db5945">
Кроме того, Chrome будет отображать красивые значки высокого разрешения, когда они предусмотрены. Chrome для Android выбирает предоставленный вами значок с самым высоким разрешением, и мы рекомендуем предоставить PNG-файл размером 192×192 пикселей. Например:
<link rel="icon" sizes="192x192" href="nice-highres.png">
Проверьте цвет темы здесь, на HTML5Rocks, а также на сайте Web Fundamentals , и обязательно ознакомьтесь с документацией по добавлению на главный экран, чтобы узнать больше о способах выделить свой сайт.