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

10

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
1
@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:

3

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
0

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