Artículo
|
Crear aplicaciones offline con HTML 5 |
Crear aplicaciones que se puedan ver de forma offline, puede tener sus ventajas según en que circunstancias, como puede ser en los dispositivos móviles que no siempre están conectados a la red.
El nuevo estándar HTML 5 te permite indicar que elementos de nuestra web podrán ser visualizados de forma offline. Veamos como poder llevar a cabo esto.
Lo primero es indicar el manifiesto:
El manifiesto no es mas que un fichero que contendrá información sobre los ficheros que serán factibles a ser cacheados, la página a mostrar offline o contenidos no cacheables. También habrá que indicar su MIME type para que el navegador lo entienda.
Luego en la página del manifiesto, habrá que indicarle que es un manifiesto añadiendo las siguiente línea al principio
CACHE MANIFEST
Y como hemos dicho anteriormente, le indicamos las páginas cacheables, no cacheables y páginas offline.
Si la aplicación ha cambiado y necesitamos que el navegador lo refresque, deberemos modificar el fichero, por ejemplo cambiando el número de versión. El fichero .manifiest también puede ser cacheable (mediante htaccess, por ejemplo), ya que el navegador intentará acceder a él siempre que se acceda a la página.
Vía: sentidoweb.com
El nuevo estándar HTML 5 te permite indicar que elementos de nuestra web podrán ser visualizados de forma offline. Veamos como poder llevar a cabo esto.
Lo primero es indicar el manifiesto:
<html manifest="codigo.manifest">
El manifiesto no es mas que un fichero que contendrá información sobre los ficheros que serán factibles a ser cacheados, la página a mostrar offline o contenidos no cacheables. También habrá que indicar su MIME type para que el navegador lo entienda.
AddType text/cache-manifest manifest
Luego en la página del manifiesto, habrá que indicarle que es un manifiesto añadiendo las siguiente línea al principio
CACHE MANIFEST
Y como hemos dicho anteriormente, le indicamos las páginas cacheables, no cacheables y páginas offline.
CACHE MANIFEST # v1 # Contenido cacheable pagina.html pagina.css pagina.js pagina.png # Pagina offline FALLBACK: / /estoy-desconectado.html # Paginas dinamicas no cacheables NETWORK: /path/*
Si la aplicación ha cambiado y necesitamos que el navegador lo refresque, deberemos modificar el fichero, por ejemplo cambiando el número de versión. El fichero .manifiest también puede ser cacheable (mediante htaccess, por ejemplo), ya que el navegador intentará acceder a él siempre que se acceda a la página.
Vía: sentidoweb.com
![]() |
Publicado por: angel carrero |
|
|
Comentarios
Últimas noticias
· factura
Últimos artículos














































