Jak zdobyć niestandardowe ikony ulubionych w Safari 8 na Yosemite?

Chcę dodać niestandardowe ikony ulubionych (tj. Stronę nowej karty) do mojej witryny w Safari 8 na Yosemite. Próbowałem otwartego tagu graficznego og:imagezarówno w formacie png, jak i jpg. Przejrzałem również źródło kilku witryn, które miały niestandardowe ikony na mojej stronie ulubionych, w tym witrynę, która pojawiła się, aby zaktualizować jej ikonę, i nadal nie mogę znaleźć odpowiedniego sposobu na włączenie tych ikon. Jakaś pomoc? Dzięki.

safari yosemite

— preahkumpii
źródło

Mówisz o favicon?

— StrawHara

Nie. Mam na myśli ikony ulubionych na stronie nowej karty w Safari.

— preahkumpii

Próbowałeś usunąć powiązany plik w /Users/USER_NAME/Library/Safari/LocalStorage/http.yourwebsite.localstorage przed dodaniem swojej witryny do Ulubionych?

— StrawHara

Tak. Nic się nie dzieje. Ikona niestandardowa nigdy się nie pokazała. Pokazano tylko domyślną ikonę, co sprawia, że uważam, że nie wdrażam poprawnie jej użycia.

— preahkumpii

@MrMojoRisin To jest dla osobistego układu Safari użytkownika. To zdecydowanie właściwe miejsce tutaj. A teraz poważnie zastanawiam się, jak to zrobić ...

— Rob

Odpowiedzi:

Nie jest to związane z OS X, więc pozwolę moderatorowi przenieść to pytanie do innej sieci. Ale nadal zamierzam odpowiedzieć na to pytanie. Ten, o którym mówisz, to ikona Apple Touch, którą można zaimplementować za pomocą poniższego znacznika:

<link rel="apple-touch-icon" sizes="57x57" href="https://apple.stackexchange.com/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="https://apple.stackexchange.com/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="https://apple.stackexchange.com/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="https://apple.stackexchange.com/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="https://apple.stackexchange.com/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="https://apple.stackexchange.com/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="https://apple.stackexchange.com/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://apple.stackexchange.com/apple-touch-icon-152x152.png">

Istnieje wiele rozmiarów, ponieważ musi obsługiwać wyświetlacz Retina i wyświetlacz inny niż Retina.

Źródło: CSS Tricks

— sayzlim
źródło

Nie działa. Dodałem je w rozmiarach 57, 120 i 152 (jak na stronie Apple) i ulubione nie odpowiadają.

— preahkumpii

Jaka jest twoja strona internetowa?

— sayzlim

pintsizedtreasures.com

— preahkumpii

Otworzyłem twoją stronę i nie znalazłem wspomnianych ikon dotykowych. Czy to wstawiłeś?

— sayzlim,

Wstawiłem je, ale ikony się nie pokazały, więc je usunąłem. Teraz jednak ulubione ikony są teraz wyświetlane w przeglądarce Safari. Nie mam pojęcia dlaczego. Domyśl.

— preahkumpii

Safari (przynajmniej wersja 9.0.2 na Yosemite) nie wyświetla ulubionych w kartach. W przypadku rozwiązania po stronie klienta polecam SafariStand . Jest to wtyczka SIMBL, która dodaje Safari wiele dodatkowych funkcji, takich jak favicon na kartach i pasku zakładek, osobny panel pobierania i zakładek oraz inne poprawki.

— Hamid Rohani
źródło