Warum funktioniert dieses Apple-Touch-Icon nicht?

Question

Ich habe den folgenden Code auf meiner Website:

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

Wenn ich die Quelle in Firefox ansehe und auf das href-Attribut klicke, wird das Symbol angezeigt (es handelt sich also nicht um einen 404-Fehler).

Wenn der Code zu einer Seite wie hinzugefügt wird http://website.com/mobile/index.php oder http://website.com/mobile/page.php und die Seite zu einem iPhone-Startbildschirm hinzugefügt wird, funktioniert das Symbol einwandfrei, aber wenn die Seiten-URL so ist http://website.com/page oder http://website.com/index Das Symbol wird nicht angezeigt.

In der „Website-Debug-Konsole“ in den Safari-Optionen werden keine Fehler angezeigt und ich habe versucht, den Cache und die Cookies zu leeren.

Auch ich verwende das Tag <base href="http://website.com/mobile/" /> Website, die auf beiden angezeigt wird http://website.com/mobile/index.php Und http://website.com/index.Aber ich kann mir nicht vorstellen, wie sich das auswirken würde, da das Apple-Touch-Icon eine vollständige URL verwendet.

Answer 1

Versuchen Sie es mit einer relativen URL:

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

Es sollte in Ihr Basisverzeichnis gehen und dort das Symbol finden /images.

Answer 2

Dies funktioniert nur von einer HTTP- oder HTTPS-Site mit einem Gültiges und vertrauenswürdiges Sicherheitszertifikat.

Wenn ein Zertifikatfehler vorliegt, lädt iOS das Bild nicht.Wenn Sie dem Zertifikat in Safari für die Seite vorübergehend vertrauen, wird das Zertifikat für die Verknüpfung zum Startbildschirm nicht als vertrauenswürdig eingestuft.Wenn Sie ein selbstsigniertes Zertifikat verwenden, müssen Sie das nicht vertrauenswürdige Stammzertifikat als vertrauenswürdiges Zertifikat auf Betriebssystemebene hinzufügen.

1. Navigieren Sie auf dem iOS-Gerät zu einer Seite, die einen Link zur .crt-Datei enthält
2. Tippen Sie auf den Link
3. Genehmigen/Installieren Sie über alle Bestätigungsbildschirme