HTML and CSS Reference
In-Depth Information
if (e.type 'updateready')
window.applicationCache.swapCache();
}
cache.addEventListener('checking', handler, false);
cache.addEventListener('error', handler, false);
cache.addEventListener('noupdate', handler, false);
cache.addEventListener('downloading', handler, false);
cache.addEventListener('progress', handler, false);
cache.addEventListener('updateready', handler, false);
cache.addEventListener('cached', handler, false);
cache.addEventListener('obsolete', handler, false);
Wie Sie sehen, wird jeweils die Funktion, die in der Variablen
handler
referenziert
wird, auf die verschiedenen Events registriert. Sobald das Event gesendet wird, wird es
zunächst in der über
eventsNode
referenzierten Node in die UI übertragen. Im nächs-
ten Schritt wird dann versucht, die Dauer der jeweiligen Operation festzustellen, indem
bei den Events
checking
und
progress
ein Zeitstempel genommen wird und bei Ein-
treten der abschließenden Events
noupdate
,
updateready
und
cached
die Differenz
berechnet wird. Des Weiteren wird
swapCache()
aufgerufen, sobald das
updateready
-
Event gesendet wird.
2.9
Zusammenfassung
Wenn Sie es bis hierher geschafft haben, haben Sie bereits das nötige Wissen, um Ihre
eigenen Webanwendungen zu erstellen. Sie haben gelernt, welche Aufbauarten und
Designgrundsätze es für mobile Webanwendungen gibt, wie JavaScript- und CSS-
Frameworks einzusetzen sind, und können nun Web Apps mit diversen HTML5-Funk-
tionen erstellen. Folgendes können Sie jetzt:
•
Benutzereingaben mit intelligenten Eingabefeldern gestalten.
•
Dynamische Grafiken und Charts mit dem
canvas
-Element
erstellen.
•
Die aktuelle Position des Benutzers in einer Web App verwenden und Google Maps
oder auch Flickr-Inhalte dazu anbieten.
•
Videos und Audiodateien richtig erstellen und innerhalb der Anwendung einsetzen.
•
Webanwendungen erstellen, die auch ohne Internetverbindung funktionieren.
•
Seiten und Web Apps erstellen, die Datenbanken nicht auf einem Server, sondern
direkt auf dem mobilen Gerät anlegen.