apple-touch-icon wird nicht verwendet

truemaster · 10 September 2017, 12:31:34

Mahlzeit,

warum wird im Quelltext des Browser der richtie Pfad des Icons angezeigt, jedoch wenn ich einen Homebutton erstelle dieses Icon nicht verwendet? Mache ich was falsch oder gibt es da einen Trick bei FHEM

<link rel="apple-touch-icon" href="icon.png" sizes="120x120">

Standarduser · 10 September 2017, 12:48:14

Bei mir funktioniert das Apple-Touch-Icon:

Code Auswählen

<link rel="apple-touch-icon" sizes="152x152" href="../icon/apple-touch-icon-152x152.png" />

Was mir auffällt: bei Dir wird der Tag nicht geschlossen.

truemaster · 10 September 2017, 13:10:30

hm. Mit dem Tag hast Du Recht. Aber auch mit richtigem schließen klappt es nicht. Wenn ich andere Seite öffnen und einen Home-Button erstele, klappt es.

Standarduser · 10 September 2017, 13:19:04

Hast Du mal "sizes" weggelassen? Vielleicht ruft dein Telefon ja eine andere Größe ab?

Kann man auch hier nochmal nachlesen:
https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

truemaster · 10 September 2017, 13:30:03

AUch das habe ich bereits versucht. Ich verstehe das einfach nicht.

Standarduser · 10 September 2017, 13:40:18

Poste doch mal den gesamten Header. Vielleicht liegt das Problem ja an einer anderen Stelle.

truemaster · 10 September 2017, 13:54:38

ALso ich habe jett mal auf meinen vServer die selbe .html und .png hochgeladen. Da klappt es ebenfalls. Ich denke, es könnte daran liegen, dass ich im Netzwerk nur über die IP aufrufe. Hat denn da jemand eine Lösung?

*Danke Standarduser für Deine Hilfe!

Standarduser · 10 September 2017, 13:56:21

Am Aufruf über die IP kann es nicht (grundsätzlich) liegen, denn das mache ich auch so.

choetzu · 28 Dezember 2017, 15:02:26

hallo,
wurde hier das Problem gefunden? Ich habe nämlich das selbe Problem. Ursprünglich ging es problemlos mit

Code Auswählen

    <link rel="shortcut icon" href="favicon.ico">
    <link rel="apple-touch-icon" href="touchico.png">

doch nun, nachdem ich mein Handy neu aufgesetzt habe, gehts nicht mehr.. Auch auf dem IPad oder Browser nicht. Liegt das evtl. am Https?

Lg c

remo · 19 November 2024, 13:17:52

Hi,

ich möchte dieses Thema gerne nochmals aufwärmen.
Gibt es hier schon eine Lösung?
Ich stehe vor nahezu demselben Problem.

Ich möchte gerne das Icon auf dem iOS Homescreen geändert haben.
Mit "favicon.ico" usw. komme ich aber nicht ans Ziel.
Nun bin ich nach ätzend langer Recherche auf "apple-touch-icon.png" gestoßen,
was aber auch nicht funktioniert.

Dafür gibt es doch bestimmt eine einfache Lösung?!
So einfach, dass ma da auch selbst hätte drauf kommen können

Grüße

andreas_r · 20 November 2024, 18:10:13

Ich habe folgendes in der HTML Seite stehen:

Code Auswählen

<!DOCTYPE html>
<html>
<head>
...
  <link rel="apple-touch-icon" href="apple-touch-icon-57x57.png" />
  <link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png" />
  <link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png" />
  <link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon-144x144.png" />
...
</head>

Die Icons selber kannst Du Dir hier erstellen lassen https://iconifier.net/ und die müssen (wenn man sie so definiert) natürlich im gleichen Verzeichnis liegen wie die HTML Seite selbst.

Dazu empfehle ich noch folgende meta tags mit aufzunehmen:

Code Auswählen

  <meta name="mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-title" content="FHEM">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

VG,
Andreas

apple-touch-icon wird nicht verwendet

truemaster

truemaster

truemaster

truemaster