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

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, и я попытался очистить кэш и куки.

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

Answer 1

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

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

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

Answer 2

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

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

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