Почему этот значок apple touch не работает?

Question

У меня есть следующий код на моем веб-сайте:

<link rel="apple-touch-icon" href="http://website.com/images/apple-touch-icon.png" />

Когда я просматриваю исходный код в Firefox и нажимаю на атрибут href, появляется значок (так что это не ошибка 404).

Когда код добавляется на страницу, например http://website.com/mobile/index.php или http://website.com/mobile/page.php и страница добавляется на рабочий стол iPhone, значок работает нормально, но когда URL страницы имеет вид http://website.com/page или http://website.com/index значок не отображается.

В "консоли отладки веб-сайта", указанной в настройках Safari, ошибок не появляется, и я попытался очистить кэш и файлы cookie.

Также я использую тег <base href="http://website.com/mobile/" /> веб-сайт, который отображается на обоих http://website.com/mobile/index.php и http://website.com/index.Но я не вижу, как это повлияет на это, поскольку значок apple touch использует полный URL.

Answer 1

Попробуйте использовать относительный URL-адрес:

<link rel="apple-touch-icon" href="/images/apple-touch-icon.png" />

Он должен перейти в ваш базовый каталог и найти значок в /images.

Answer 2

Это будет работать только с сайта HTTP или HTTPS с Действительный и надежный сертификат безопасности.

Если произошла ошибка сертификата, iOS не загрузит изображение.Временное доверие к сертификату в Safari для страницы не приведет к тому, что сертификату для ярлыка на рабочем столе не будет доверять.Если вы используете самозаверяющий сертификат, вы должны добавить ненадежный корневой сертификат в качестве доверенного сертификата на уровне операционной системы.

1. На устройстве iOS перейдите на страницу, на которой есть ссылка на crt-файл
2. Нажмите на ссылку
3. Одобрите / Установите через все экраны подтверждения