Wie erhalte ich benutzerdefinierte Favoriten-Symbole in Safari 8 auf Yosemite?

Ich möchte benutzerdefinierte Favoriten-Symbole (dh eine neue Registerkarte) für meine Website in Safari 8 auf Yosemite hinzufügen. Ich habe das Open Graph Tag og:imagesowohl im PNG- als auch im JPG-Format ausprobiert . Ich habe auch die Quelle mehrerer Websites mit benutzerdefinierten Symbolen auf meiner Favoriten-Seite überprüft, einschließlich einer Website, deren Symbol anscheinend aktualisiert wurde, und ich kann immer noch nicht den richtigen Weg finden, diese Symbole einzuschließen. Irgendeine Hilfe? Vielen Dank.

safari yosemite

— preahkumpii
quelle

Du sprichst über Favicon?

— StrawHara

Nein. Ich beziehe mich auf die Favoriten-Symbole auf der neuen Registerkarte in Safari.

— Preahkumpii

Sie haben versucht, die zugehörige Datei in /Users/USER_NAME/Library/Safari/LocalStorage/http.yourwebsite.localstorage zu löschen, bevor Sie Ihre Website in Favorite?

— StrawHara

Ja. Nichts passiert. Das benutzerdefinierte Symbol wurde nie angezeigt. Es wurde nur das Standardsymbol angezeigt, sodass ich glaube, dass ich die Verwendung des Symbols nicht ordnungsgemäß implementiere.

— Preahkumpii

@ MrMojoRisin Es ist für das persönliche Safari-Layout des Benutzers. Dies ist definitiv der richtige Ort hier. Und jetzt frage ich mich ernsthaft, wie das geht ..

— Rob

Antworten:

Dies hat nichts mit OS X zu tun, daher lasse ich den Moderator diese Frage in ein anderes Netzwerk verschieben. Aber ich werde das trotzdem beantworten. Das, von dem Sie sprechen, ist das Apple Touch-Symbol, das mithilfe des folgenden Markups implementiert werden kann:

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

Es gibt mehrere Größen, da Retina- und Nicht-Retina-Displays unterstützt werden müssen.

Quelle: CSS-Tricks

— sayzlim
quelle

Funktioniert nicht. Ich habe diese in den Größen 57, 120 und 152 hinzugefügt (gemäß der Apple-Website) und die Favoriten reagieren nicht.

— Preahkumpii

Was ist Ihre Website?

— Sayzlim

pintsizedtreasures.com

— preahkumpii

Ich habe Ihre Website geöffnet und die genannten Touch-Symbole nicht gefunden. Hast du es eingefügt?

— Sayzlim

Ich habe sie eingefügt, aber die Symbole wurden nicht angezeigt, also habe ich sie entfernt. Jetzt werden jedoch die Lieblingssymbole in Safari angezeigt. Ich habe keine Idee warum. Stelle dir das vor.

— Preahkumpii

Safari (mindestens Version 9.0.2 auf Yosemite) zeigt kein Favicon in den Registerkarten an. Für eine clientseitige Lösung empfehle ich SafariStand . Es ist ein SIMBL-Plug-In, das der Safari viele zusätzliche Funktionen hinzufügt, wie z. B. das Favicon auf Registerkarten und der Lesezeichenleiste, das separate Download- und Lesezeichenfeld und andere Verbesserungen.

— Hamid Rohani
quelle