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.
Search WWH ::




Custom Search