Значки избранных IOS X Safari, дающие 404 ошибки

Question

Мои значки отображаются во всех других браузерах, кроме IOS 10 с Safari при добавлении в закладки/избранное, не могут понять, что отсутствует или нет, и не помогают на форумах или документации. Может ли кто-нибудь, возможно, рассказать мне путь по умолчанию, используемый Safari в IOS 10 для добавления значков в избранное?

Это мой код:

<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

Я предлагаю вам представить свой сайт в favicon checker. Если вы проверите свои разметки и значки. Во время написания этого ответа он полностью зеленый. Поэтому вы можете быть почти уверены, что все в порядке. Полное раскрытие: я являюсь автором этой услуги.

Имейте в виду, что браузеры, как правило, очень ленивы в отношении значков. Например, кэширование favicon является повторяющейся проблемой веб-разработки. В случае с iOS Safari я часто замечал, что Safari не всегда загружает значок во время закладки. Следствие: при тестировании вашего значка касания вы чувствуете, что он не работает. Это действительно работает, но вы должны попробовать снова через минуту. Разочарование. Другая возможная проблема заключается в том, что, как автор сайта, вы постоянно посещаете свой сайт в стадии разработки. Возможно, Safari считает, что ваш значок касания сломан (возможно, это было в какой-то момент: это сайт под разработчиком), поэтому он не перезагружает его, но в конце концов это сделает ... позже.

Мой совет здесь - попробовать другое устройство iOS, если у вас есть в вашем распоряжении.