HTML5 Almacenamiento: SessionStorage, LocalStorage y Cache Manifest
•
0 recomendaciones•1,022 vistas
Charla sobre APIS JS de HTML5 profundizando en la API de Almacenamiento, eventos de conexión, almacenamiento offline, y demás ayudas para finalmente realizar una SPA Single Page Aplication Universidad de Móstoles
Recomendados
Recomendados
Más contenido relacionado
Similar a HTML5 Almacenamiento: SessionStorage, LocalStorage y Cache Manifest
Similar a HTML5 Almacenamiento: SessionStorage, LocalStorage y Cache Manifest (20)
Último
Último (16)
HTML5 Almacenamiento: SessionStorage, LocalStorage y Cache Manifest
- 1. HTM5 Almacenamiento Universidad Rey Juan Carlos Móstoles
- 3. Presente
- 7. Almacenamiento Offline webApp ? Cache manifest ▪ Online/Offline events ▪ Almacenamiento persistente • SessionStorage • LocalStorage • Seguridad y borrado • Compatibilidad
- 8. Almacenamiento Cache manifest 1º AddType text/cache-manifest .manifest 2º <html manifest=”cache.manifest”> 3º Crear el manifest CACHE: NETWORK: FALLBACK:
- 12. Proceso de petición 1. 2. 3. 4. 5. 6. 7. 8. 9. Navegador : request Servidor : serve all Navegador : I have manifest, cache assets Servidor : serve manifest assets Navegador : applicationCacheUpdated (evento) Navegador : reload Navegador : only request manifest file Servidor : 304 Not Modified Navegador : serve locally
- 13. Almacenamiento Eventos con el objeto navigator navigator.onLine (Boolean) offline and online adEventListeners window window.applicationCache.status Status0 Uncached Status1 Idle Status2 Checking Status3 Downloading Status4 UpDateReady Status5 Obsolete
- 14. Almacenamiento var webappCache = window.applicationCache; function updateCache() { webappCache.swapCache(); } webappCache.addEventListener("updateready", updateCache, false );
- 15. Almacenamiento var webappCache = window.applicationCache; function errorCache() { alert("Cache failed to update"); } webappCache.addEventListener("error", errorCache, false);
- 16. Almacenamiento persistente SessionStorage (window based) sessionStorage.setItem("developer", "Santiago Montiu"); sessionStorage.getItem("developer"); sessionStorage.clear(); //borramos todo LocalStorage (domain based) localStorage.clear(); //limpiamos todo localStorage['www.montiu.es'].setItem("developer", "Santiago Montiu"); localStorage['www.montiu.es'].getItem("developer");
- 17. Almacenamiento persistente Seguridad, borrado y compatibilidad
- 18. Almacenamiento persistente Ejercicio, crear una offline webApp