Hi,
nachdem ich eben ziemlich lange rumgedoktort habe, wollte ich kurz dokumentieren, wie man ein eigenes Icon für eine Webapp-Version des TabletUI auf dem iPad hinbekommt.
Eigentlich muss man dazu lat Apple nur ein geeignetes PNG in den "root document folder" legen und es als "apple-touch-icon.png" benennen. Ich hatte das auch mal mit ftui hinbekommen, aber nun, nach einem Neuaufsetzen, wollte das partout nicht mehr funktionieren, egal, in welches Verzeichnis ich das PNG geschoben habe (welches ist denn eigentlich in der Praxis der "root document folder" von ftui - /tablet/?).
Mit einem Umweg klappte es:
beliebig benanntes Icon in /tablet/ ablegen, z.B. custom-icon.png
in die index.html (die zur WebApp werden soll) im Head einfügen:
<link rel="apple-touch-icon" href="/fhem/tablet/custom-icon.png" />
Grüße
Martin
Hallo Martin,
danke für die Anleitung. Für meine mobile Seite, die ich als Icon auf dem Homescreen angelegt habe, macht er einfach ein Screenshot und legt das als Icon an. Das hatte mir immer absolut gereicht. Aber mit einem markanten FTUI Icon, ist auch eine gute Idee. Ich kann mir ja mal ein Icon ausdenken ....
Ja, Screenshot macht iOS auch, wenn es kein Icon gibt. Da sehen aber dann alle WebApps zum Verwechseln ähnlich aus, besonders wenn sie schwarze Hintergründe haben (ftui wie im drittletzten Icon des Screenshots). Da fand ich dann mein (auf dem iPad fingergezeichnetes ;)) K5 Icon (K für Straßennamen, 5 für Hausnummer) einprägsamer...
helle Themes sehen besser aus, das stimmt