Top Banner
HTML5 Offline Rodolfo Finochietti
10

HTML5 Offline

Jun 12, 2015

Download

Technology

Introducción al soporte para aplicaciones offline en HTML5
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: HTML5 Offline

HTML5 Offline

Rodolfo Finochietti

Page 2: HTML5 Offline

Soporte Offline

En muchos escenarios es necesario que una aplicación pueda seguir funcionando sin conexión

Page 3: HTML5 Offline

Soporte Offline

• HTML5 provee dos características–Eventos–AppCache

Page 4: HTML5 Offline

Eventos

• Simple, dos eventos, una propiedad:–Online, Offline–window.navigator.onLine

Page 5: HTML5 Offline

AppCache

• Le dice al browser que partes de la aplicaciones debe “cachear” para cuando no hay conexión• Basado en un manifiesto

Page 6: HTML5 Offline

Manifiesto

• Archivo de texto– text/cache-manifest

• Contiene 3 secciones– CACHE: archivos que se deben “cachear”– NETWORK: archivos que explícitamente requieren

conexión con el server– FALLBACK: Que archivo utilizar si no se tiene acceso

a un determinado recurso• El manifiesto se declara en el documento HTML– <html manifest= "offline.manifest">

Page 7: HTML5 Offline

Demo

Offline

Page 8: HTML5 Offline

¿Preguntas?

Page 9: HTML5 Offline

Recursos

• http://gazpo.com/2011/08/html5-offline-applications

• http://html5demos.com/

Page 10: HTML5 Offline

[email protected] http://twitter.com/rodolfof

http://shockbyte.net

¡GRACIAS!