Mobile Webseite und Apple Homescreen Modus


Mobile Webseite im Apple Homescreen Modus wie eine native App aussehen lassen

Apple bietet die Möglichkeit eine Webseite auf der Homescreen abzulegen. Das ist schonmal schön. Noch schöner wäre es natürlich, wenn sich diese Webseite dann nicht im Browser öffnet, sondern wie eine native App im Fullscreen Modus bedienbar ist. Der Mehrwert ist enorm, finde ich. Die mobile Webseite wirkt dadurch hochwertiger und hebt sich von vielen anderen mobilen Seiten ab.

Mit ein paar kleinen Befehlen ist das problemlos möglich.

Zuerst einmal müssen wir dem Apple Device sagen, dass die mobile Website im Fullscreen Modus laufen soll, sobald sie auf der Homescreen abgelegt wurde. Dafür platzieren wir folgendes im Head:

<meta name="apple-mobile-web-app-capable" content="yes" />

Als nächstes ist wichtig, dass wir das Verhalten beim Anklicken der Links kontrollieren. Also, interne Links und externe Links filtern. JQuery und folgender Javascript Code bringen uns ans Ziel:

Weiterlesen

Du magst den Post?
Loading...Loading...