Homepage mit iPhone Homescreen Icon

Aus Wikizone
Version vom 14. Dezember 2011, 11:57 Uhr von 178.10.28.180 (Diskussion) (Die Seite wurde neu angelegt: „Das Apple iOs Betriebssystem ermöglicht es auch Homepages über einen Button auf dem Homescreen direkt anzusteuern. So wirkt eine Homepage oder WebApp wie eine r…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Wechseln zu: Navigation, Suche

Das Apple iOs Betriebssystem ermöglicht es auch Homepages über einen Button auf dem Homescreen direkt anzusteuern. So wirkt eine Homepage oder WebApp wie eine richtige App.

WebApp-Feeling mit Apple Touch Icon für iPhone, iPad und Co

Standardmäßig machen iOS Geräte einen Mini Screenshot der Seite und platzieren ihn auf dem Homescreen, wenn man dort eine Seite als Lesezeichen ablegt. Schicker ist es wenn man einen eigenen Button bastelt.

Im Root Verzeichnis der Homepage muss der Button platziert werden: 

Name:

apple-touch-icon.png

hierbei berechnet das iPhone,iPad,... automatisch einen Glanzeffekt 

apple-touch-icon-precomposed.png

ohne Glanzeffekt 

Format: png

oder den Ort und den Namen selbst wählen und in der HTML Datei den Link folgendermaßen angeben: 

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

Hier spielt der Name keine Rolle 

Größe: 45x45, 57×57 Pixel oder 60×60 Pixel (schärfer) -> inzwischen 114x114 für die neuesten Devices (ipad2... Retina)

oder den Ort und den Namen selbst wählen und in der HTML Datei den Link folgendermaßen angeben: 

<link rel="apple-touch-icon" href="/Graphics/iphone-icon.png" />
Abgerufen von „https://wiki.stephanschlegel.de/index.php?title=Homepage_mit_iPhone_Homescreen_Icon&oldid=18950“