Страницы

Поиск по вопросам

суббота, 11 января 2020 г.

Как изменить цвет вкладки в Яндекс.Браузере?

#html #css #вёрстка #яндекс #toolbar


Как изменить цвет вкладки в Яндекс.Браузере с того, который формируется по иконке
сайта на произвольный?

На официальном сайте Яндекса есть только информация о виджетах, выводимых в закладках:
https://tech.yandex.ru/browser/tableau/doc/dg/concepts/create-widget-docpage/

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

Сам код манифеста виджета:

{
    "api_version": 4,
    "layout":
    {
        "logo": "/favicon.png",
        "color": "#fff"
    }
}


Еще нашел такой код:




Но толку от него нет, он ничего не меняет.
    


Ответы

Ответ 1



Официальный ответ от службы техподдержки Яндекса: Цвет активной вкладки определяется автоматически его виджетом. Если у сайта есть свой логотип для виджета на странице Табло, то оформление вкладки будет ему соответствовать. Как сделать виджет, Вы можете прочитать здесь: https://tech.yandex.ru/browser/tableau/doc/dg/concepts/create-widget-docpage/ Если виджета у сайта нет, в этом случае цвет вкладки будет взят из фавиконки сайта. P.S. От себя добавлю, что в ходе экспериментов выяснилось, что цвет фона в большинстве случаев берется из первого заполненного верхнего правого пикселя иконки и делается на несколько тонов темнее. В ряде случаев цвет формируется по другим алгоритмам (в частности, для очень светлых или очень темных иконок, а также для изображений с сочетанием разных цветов). К сожалению, на практике Яндекс.Браузер работает с виджетом не совсем корректно, новые открываемые страницы красятся по цвету иконки сайта, а при манипуляциях с history браузера (ajax и т.д.) цвет берется из параметра "color" (цвет логотипа виджета не влияет на окрашивание). Будем надеяться, что в новых версиях браузера все будет работать правильно.

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

Отправить комментарий