Поддержка тега theme-color в новом Chrome для Android

Опубликовал: 4 года назад CSS, Браузеры

Добрый день, дорогие друзья.

Сегодня вышла новая версия Google Chrome 40 для десктопной версии и для Android и iOS устройств. О новинках в функциях писать не особо хочется, а хочется уделить внимание факту: начиная с версии Google Chrome 39 для Android 5.0, вы можете использовать тематический мета-тег theme-color для того, чтобы украсить ваш сайт в выдаче браузера Chrome.

 theme-color для украшения вашего сайта в Android5.0

По умолчанию панель имеет серый цвет, но прописав простой мета-тег, вы можете сделать его в цвет вашего фирменного стиля.

Синтаксис довольно прост:

Добавьте meta тег в header вашего сайта, между тегами <head> …. </head>.

Где name=”theme-color” и content=”#валидный цвет CSS”.

К примеру, на моем сайте:

<meta name="theme-color" content="#1e9c6e">

theme-color Кроме того, Chrome умеет показывать красивые иконки в высоком разрешении. Chrome для Android выбирает высокое разрешение из которого, вы предоставляете. Рекомендую использовать 192х192px PNG файл.

Пример:

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

Подробней можно прочитать: Web Fundamentals и Developer.Chrome

На этом я прощаюсь, но я скоро отпишусь по ситуации с блогом и дальнейшей жизнью. Хорошего настроения всем. До связи!


Новая система комментариев
comments powered by HyperComments