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">
Bei mir funktioniert das Apple-Touch-Icon:
<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.
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.
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
AUch das habe ich bereits versucht. Ich verstehe das einfach nicht.
Poste doch mal den gesamten Header. Vielleicht liegt das Problem ja an einer anderen Stelle.
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!
Am Aufruf über die IP kann es nicht (grundsätzlich) liegen, denn das mache ich auch so.
hallo,
wurde hier das Problem gefunden? Ich habe nämlich das selbe Problem. Ursprünglich ging es problemlos mit
<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
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
Ich habe folgendes in der HTML Seite stehen:
<!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:
<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