IOS X Safari Favoriten Symbole geben 404 Fehler

Question

Meine Symbole werden auf allen anderen Browsern außer IOS 10 mit Safari beim Hinzufügen zu Lesezeichen/Favoriten angezeigt, kann nicht herausfinden, was fehlt oder fehl am Platz und keine Hilfe in den Foren oder Dokumentation. Könnte jemand mir vielleicht den Standardpfad sagen, der von Safari in IOS 10 verwendet wird, um Symbole zu Favoriten hinzuzufügen?

Dies ist mein Code:

<link rel="apple-touch-icon-precomposed" href="http://www.mainboard.com/apple-touch-icon-precomposed.png" /> 
 
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="http://www.mainboard.com/apple-touch-icon-57x57.png" /> 
 
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="http://www.mainboard.com/apple-touch-icon-60x60.png" /> 
 
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://www.mainboard.com/apple-touch-icon-72x72.png" /> 
 
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://www.mainboard.com/apple-touch-icon-76x76.png" /> 
 
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://www.mainboard.com/apple-touch-icon-114x114.png" /> 
 
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://www.mainboard.com/apple-touch-icon-120x120.png" /> 
 
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://www.mainboard.com/apple-touch-icon-144x144.png" /> 
 
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://www.mainboard.com/apple-touch-icon-152x152.png" /> 
 
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://www.mainboard.com/apple-touch-icon-180x180.png"> 
 
<link rel="icon" type="image/png" href="http://www.mainboard.com/favicon-16x16.png" sizes="16x16" /> 
 
<link rel="icon" type="image/png" href="http://www.mainboard.com/favicon-32x32.png" sizes="32x32" /> 
 
<link rel="icon" type="image/png" href="http://www.mainboard.com/favicon-96x96.png" sizes="96x96" /> 
 
<link rel="icon" type="image/png" href="http://www.mainboard.com/favicon-128.png" sizes="128x128" /> 
 
<link rel="icon" type="image/png" href="http://www.mainboard.com/android-chrome-192x192.png" sizes="192x192"> 
 
<link rel="icon" type="image/png" href="http://www.mainboard.com/favicon-196x196.png" sizes="196x196" /> 
 
<meta name="application-name" content="MAINBOARD"/> 
 
<meta name="msapplication-TileImage" content="http://www.mainboard.com/mstile-144x144.png" /> 
 
<meta name="msapplication-square70x70logo" content="http://www.mainboard.com/mstile-70x70.png" /> 
 
<meta name="msapplication-square150x150logo" content="http://www.mainboard.com/mstile-150x150.png" /> 
 
<meta name="msapplication-wide310x150logo" content="http://www.mainboard.comm/stile-310x150.png" /> 
 
<meta name="msapplication-square310x310logo" content="http://www.mainboard.com/mstile-310x310.png" /> 
 
<link rel="manifest" href="http://www.mainboard.com/manifest.json"> 
 
<link rel="mask-icon" href="http://www.mainboard.com/safari-pinned-tab.svg" color="#fff"> 
 
<meta name="msapplication-TileColor" content="#da532c"> 
 
<meta name="msapplication-TileImage" content="http://www.mainboard.com/mstile-144x144.png"> 
 
<meta name="theme-color" content="#ffffff">

Answer 1

Ich schlage vor, Sie Ihre Website auf dem favicon checker einzureichen. Wenn Sie Ihre Markups und Symbole überprüfen. Zu der Zeit, diese Antwort zu schreiben, ist es voll grün. So können Sie fast sicher sein, dass alles in Ordnung ist. Vollständige Offenlegung: Ich bin der Autor dieses Dienstes.

Denken Sie daran, dass Browser in Bezug auf Favicon sehr faul sind. Beispielsweise ist das Favicon-Caching ein wiederkehrendes Problem bei der Webentwicklung. Im Fall von iOS Safari habe ich oft beobachtet, dass Safari das Symbol nicht immer rechtzeitig beim Lesezeichen lädt. Folge: Beim Testen Ihres Touch-Icons haben Sie das Gefühl, dass es nicht funktioniert. Es funktioniert tatsächlich, aber Sie müssen es eine Minute später noch einmal versuchen. Frustrierend. Ein weiteres mögliches Problem besteht darin, dass Sie als Autor der Website ständig Ihre Website besuchen, die gerade entwickelt wird. Vielleicht geht Safari davon aus, dass dein Touch-Icon defekt ist (vielleicht war es irgendwann: das ist eine Seite unter Dev), also lädt es es nicht neu, aber wird es später tun ... später.

Mein Ratschlag hier ist, mit einem anderen iOS-Gerät zu versuchen, wenn Sie eines zur Verfügung haben.