Veröffentlicht am 26. August 2009

iPhone-Webapps im Fullscreen ausführen

Schon seit geraumer Zeit bietet der Safari-Browser auf dem iPhone/iPod touch die Möglichkeit an, Webapplikationen als Icon auf dem Homescreen zu hinterlegen. Wird das Icon ausgewählt, öffnet sich Safari und lädt die Webapp. So weit so gut.

Webentwickler haben jedoch die Möglichkeit, in der Kopfzeile ihres Quelltextes Code zu hinterlassen, das dem iPhone sagt, es solle beim erstellen eines Icon die Webapp im sogennanten Fullscreen-Modus starten. Dabei werden alle Toolbars des Safari ausgeblendet und nur die Applikation angezeigt, ähnlich wie es Fluid auf dem Mac macht. Da gibt es aber ein Problem: Der Webentwickler muss den Fullscreen-Modus selber im Seitenquelltext aktivieren, der Benutzer hat logischerweise keinen Zugriff auf diesen – es sei denn, sein iPhone ist jailbroken und er bearbeitet eine kleine Konfigurationsdatei.

Hier erstmal ein Vorher-Nachher-Vergleich (als Beispiel hab ich einfach mal die Google-Seite genommen):

WebKit_SafariWebClip_FullScreen

Als erstes nehmen wir iFile und wechseln zum Verzeichnis /var/mobile/Library/WebClips:

WebClip_d

Dort treffen wir auf lauter Ordner mit der Endung .webclip. Jeder Ordner stellt ein Webapp-Icon auf dem Homescreen dar und in jedem Ordner befindet sich eine Datei icon.png und eine info.plist. Anhand der icon.png können wir herrausfinden um welche Webapp es sich handelt. Die icon.plist können wir dann mit den in iFile integrierten Editor, mit nano, vi oder sonstwas bearbeiten:

WebClip_f

Im Boolean “FullScreen” muss der Wert von false auf true gesetzt werden. Dann die Datei speichern und mit

# killall SpringBoard

die grafische Oberfläche neustarten, damit die Konfigurationsdatei neu eingelesen wird. Nun sollte die Webapp im Fullscreenmodus angezeigt werden.

Getaggt mit ,
Follow

Bekomme jeden neuen Artikel in deinen Posteingang.