Новый формат иконок для закрепленных вкладок Safari 9 (El Capitan)?

Question

[Евгений Шев]

Кажется, Apple навязала нам очередной новый формат иконок — иконки для закрепленных вкладок в Safari на OS X El Capitan. Взгляните на примере Яндекса:



Только вот как это реализовано, как такую иконочку создать — вопрос. Кто-нибудь в теме?

Answer 1

[Александр Петров]

https://developer.apple.com/library/mac/releasenot...

Comments

[Евгений Шев]

Спасибо огромное! Именно оно :)

[Евгений Шев]

но не работает…

Answer 2

[Евгений Шев]

Александр Петров а не работает это :(


Хотя, например, в том же ВК — иконка есть, а кода с svg-иконкой и цветом темы нет:

Answer 3

[Сергей Колеров]

У вас ошибка в ссылке из кода.
либо
uwebdesign.ru/uwebdesign2.svg
либо
/uwebdesign2.svg

Comments

[Евгений Шев]

а вы пробовали? Лично я, на своем проекте, перебрал разные варианты написания ссылки, результата добиться так и не удалось. К тому же, в качестве примера приведен ряд сайтов (vk.com, yandex.ru), в коде которых подобного попросту не было обнаружено. Следовательно, думается мне, что кодом это вообще не решается, и нужно «звонить в Apple» :) Но если вам удастся реализовать подобное на своем проекте, буду очень рад на него взглянуть)

[Сергей Колеров]

Евгений Шев: уже месяц бьюсь над этим. Результата под не достиг. печаль.
Добьюсь положительного итога, обязательно отпишусь. Если вы найдёте решение раньше, просьба подсказать путь к истине :)

[Сергей Колеров]

у яндекса так прописано
link rel="icon" sizes="any" mask="true" href="//yastatic.net/morda-logo/i/safari/safari-icon-ru.svg"
link rel="mask-icon" color="red" href="//yastatic.net/morda-logo/i/safari/safari-icon-ru.svg"

[Евгений Шев]

Kollserg: а вы закрепляли яндекс-вкладку? попробуйте, будете очень удивлены, сравнив svg из этих ссылок и иконку в закрепленной вкладке ;)

[Сергей Колеров]

у меня всё логично. В ссылке буква Я и на табе буква Я в красном :)

[Евгений Шев]

Kollserg: странно, я меня Y... ну да ладно. Но на https://uwebdesign.ru уже заработало, кстати. Может оно работает только на тех сайтах, которые используют SSL (https)... потому что не работало раньше на этом же сайте. И сам разработчик сайта очень ругался в статье на том же сайте :)

[Сергей Колеров]

всё может быть.

[Евгений Шев]

Kollserg: вот тут чуть-чуть информации — https://youtu.be/NQNu843JeKQ?t=8m50s (8:50)

[Сергей Колеров]

А вот дальше всё интереснее :)
На MBP не подхватывает иконку, а упорно пихает первую букву из доменного имени, добавляя только заданный цвет при наведении. Каково-же было моё удивление, когда открыл iMac и закрепил вкладку - всё работает.
Теперь осталось понять, почему на буке до сих пор не проявляется заданный логотип :)
код обновленный из ссылки в первом ответе.

[Евгений Шев]

Kollserg: я думаю подхватит через пару дней))

[Сергей Колеров]

Сходил в папку ~/Library/Safari и удалил файл CacheSettings.plist
Всё заработало и на MBP
%)