HTML5 in der mobilen Webentwickung - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 63

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

2

Nun können Sie ihre Website zum Home-Bildschirm hinzufügen. Legen Sie dafür
zunächst ein Lesezeichen Ihrer Seite an. Öffnen Sie anschließend das Lesezeichen-
menü im Android-Browser, und tippen Sie lange auf das entsprechende Lesezeichen.
Wählen Sie nun Zum Home-Bildschirm aus, fertig.

Sie können nun Ihre WebApp über das Symbol auf dem Home-Bildschirm starten. Im
Gegensatz zu iOS geht dies aber nicht im Vollbildmodus. Mit einem kleinen Trick
können Sie aber zumindest die Adressleiste verstecken und sich somit etwas mehr
Platz auf dem Bildschirm verschaffen. Fügen Sie dazu folgenden Code vor dem schlie-
ßenden body -Tag ein:

<script>
window.scrollTo(0, 1);
</script>

Listing 2.14 Die Adressleiste des Browsers ausblenden

Direkt nach dem Aufrufen der Seite simuliert dieser kleine JavaScript-Befehl ein
Scrollen durch den Benutzer. Dadurch verschwindet die Adressleiste und erscheint
erst wieder, wenn der Nutzer bis ganz nach oben scrollt.

Weitere Informationen zur WebApp-Optimierung auf Android-Telefonen finden Sie
in der offiziellen Android-Dokumentation in englischer Sprache:

http://developer.android.com/guide/webapps/index.html

2.5 Entwickeln mit JavaScript-Frameworks - jQuery & Co.

Nachdem Sie nun gelernt haben, wie Sie eine App mit HTML strukturieren und mit
CSS gestalten können, wird es Zeit für den eigentlichen Teil einer WebApp: die Inter-
aktivität. Um in einem Webbrowser Programmcode ausführen zu können, bedarf es
einer Programmiersprache, die vom Browser verstanden wird. Der Standard dafür ist
heute JavaScript.

JavaScript wurde 1995 von Netscape entwickelt, um z.B. vor dem Absenden von Formu-
laren auf Webseiten Nutzereingaben auf ihre Richtigkeit hin zu überprüfen. JavaScript
hat übrigens, obwohl häufig damit verwechselt, nichts mit Java zu tun - lediglich die
Syntax ist beiden Sprachen gemein. JavaScript muss nicht kompiliert werden. Der
gesamte Quellcode wird vom Server heruntergeladen und im Webbrowser ausgeführt.

Skripte, die mit JavaScript geschrieben wurden, haben im Vergleich zu anderen Pro-
grammiersprachen wesentlich weniger Rechte und Möglichkeiten, auf Hardware-