Как покрасить вкладку в браузере Chrome

Если зайти с мобильного хрома в фейсбук, то наверняка увидете, что интерфейс браузера окрасится в фирменный синий цвет соцсети. Как это сделать?
Мобильные сайты все больше походят на приложения, нежели на просто сайт с информацией, и Google поддерживает эту тенденцию. Посмотрите хотя бы на то, что в последних версиях мобильного хрома по умолчанию вкладки браузера смешиваются со списком недавно запущенных приложений. Но что не хватает сайту, чтобы стать еще чуточку больше приложением? Конечно же кастомизации оболочки (интрефейса). Начиная с 39 версии хрома для Android Lollipop была внедрена возможность менять цвет интерфейса браузера веб-разработчиками.

Сделать это просто, нужно вдобавить новый мета-тег:

<meta name="theme-color" content="#9CC2CE">

Google также рекомендует использовать иконку высокого качества, чтобы это выглядело еще лучше:

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

Замечание: Если у пользователя не включено смешивание вкладок с приложениями, то он увидит выбранный вами цвет вкладки на вашем сайте, но в списке вкладок, она по прежнему будет серой.

  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(1 голос, в среднем: 5 из 5)

Комментарии:

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *