El acceso fuera de línea se está volviendo cada vez más importante para las aplicaciones basadas en la web. Aunque todos los navegadores tienen mecanismos de almacenamiento en caché, no son confiables y pueden no siempre desempeñar el papel esperado. HTML5 utiliza la interfaz ApplicationCache para resolver algunos de los problemas causados por el uso fuera de línea.
El siguiente es el contenido relevante que explica la aplicación y los casos prácticos de la aplicación de los archivos manifiesto de caché HTML5. El tutorial del artículo habla principalmente sobre algunas tecnologías y conocimientos relacionados con el manifiesto de caché fuera de línea HTML5. Para obtener más contenido, puede visitar http://www.vevb.com para obtener más tutoriales más recientes. La siguiente es la explicación del tutorial:
¿Qué es manifiesto? Manifest es un archivo con el nombre de sufijo minifiestado. Define archivos que deben almacenarse en caché en el archivo. El navegador que admite Manifest guardará el archivo localmente de acuerdo con las reglas del archivo manifiesto, para que se pueda acceder a la página sin enlaces de red.
El acceso fuera de línea se está volviendo cada vez más importante para las aplicaciones basadas en la web. Aunque todos los navegadores tienen mecanismos de almacenamiento en caché, no son confiables y pueden no siempre desempeñar el papel esperado. HTML5 utiliza la interfaz ApplicationCache para resolver algunos de los problemas causados por el uso fuera de línea.
El uso de una interfaz de caché puede traer los siguientes tres beneficios a su aplicación:
Navegación fuera de línea: los usuarios pueden navegar por su sitio web completo mientras están fuera de línea
Velocidad: el recurso almacenado en caché es un recurso local, por lo que se carga más rápido.
Carga del servidor menos: el navegador solo descarga los recursos del servidor que ha cambiado.
App Cache (también conocido como AppCache) permite a los desarrolladores especificar qué archivos debe acceder el navegador para los usuarios fuera de línea. Su aplicación se cargará y se ejecutará normalmente incluso si el usuario presiona el botón Actualizar cuando fuera de línea.
Archivo manifiesto de referenciaPara habilitar el almacenamiento en caché de la aplicación para una aplicación, agregue el atributo de manifiesto en la etiqueta HTML del documento:
La propiedad manifiesta puede apuntar a una URL absoluta o una ruta relativa, pero la URL absoluta debe ser la misma que la aplicación de red correspondiente. El archivo manifiesto puede usar cualquier extensión de archivo, pero debe proporcionarse con el tipo de MIME correcto (ver más abajo).
<html manifest =/cache.manifest> ... </html> o <html manifest = http: //www.example.com/example.mf> ... </html>
Debe agregar la propiedad de manifiesto en cada página de la aplicación web que desea almacenar en caché. Si la página no contiene el atributo manifiesto, el navegador no almacenará en caché la página (a menos que se enumere explícitamente en el archivo manifiesto).
Esto significa que cada página web que el usuario navega con el manifiesto se agregará implícitamente al caché de la aplicación. Por lo tanto, no necesita enumerar cada página en la lista.
El archivo manifiesto debe proporcionarse en el tipo de mime de texto/caché-manifiesto. El nombre del sufijo del archivo se puede personalizar (recomendado como .Manifest), por lo que debemos declarar el tipo de archivo del sufijo .manifest como texto/cache-manifest en el servidor.
Tomar Apache como ejemplo, debemos agregar: AddType text/cache-manifest .manifest
El formato de lista simple es el siguiente:
Cache manifestindex.htmlstylesheet.cssimages/logo.pngscripts/main.js
Este ejemplo almacena cuatro archivos en la página web que especifica este archivo manifiesto.
Los siguientes puntos a los que debe prestar atención:
La cadena de manifiesto de caché debe estar en la primera línea y es esencial.
La cantidad de datos en caché en el sitio web no debe exceder los 5 MB. Sin embargo, si está escribiendo una aplicación para Chrome Web Store, puede usar UnlimitedStorage para ilimitar las restricciones.
Si el archivo manifiesto o el recurso especificado en él no se pueden descargar, no se puede realizar todo el proceso de actualización de caché. En este caso, el navegador continuará usando el caché de la aplicación original.
Echemos un vistazo a ejemplos más complejos:
Cache Manifest# 2010-06-18: v2# explícitamente en caché 'entradas maestras'.cache: /favicon.icoindex.htmlstylesheet.cssimages/logo.pngscripts/main.js# recursos que requieren que el usuario esté en línea static.html se servirá si Main.py es inaccesible# Offline.jpg se servirá en lugar de todas las imágenes en imágenes/grandes/# Offline.html se servirá en lugar de todos los demás archivos .html fallack: /main.py /static.htmlimages/large/ imágenes/offline.jpg*.html /offline.html
Las líneas que comienzan con # son líneas de comentarios, pero también se pueden usar para otros fines. Por ejemplo, actualice el caché
El caché de la aplicación se actualiza solo si su archivo manifiesto cambia. Por ejemplo, si modifica un recurso de imagen o cambia una función JavaScript, estos cambios no son recacios. Debe modificar el archivo de manifiesto en sí para que el navegador actualice el archivo en caché. Cree líneas de comentarios con números de versión generados, valores de hash o marcas de tiempo para garantizar que los usuarios obtengan la última versión de su software.
También puede actualizar mediante programación el caché después de que aparezca una nueva versión, como se describe en la sección Cache de actualización.
Si la página presenta un archivo manifiesto de caché, el archivo manifiesto debe contener todos los archivos (CSS, JS, Image ...) requerido por la página actual, de lo contrario no se cargará. Por lo tanto, si elimina los archivos fijos que deben almacenarse en caché, se recomienda agregar un asterisco* al elemento de red en el archivo para indicar todos los demás archivos.
La lista puede incluir tres piezas diferentes: caché, red y alojamiento.
CACHE:Esta es la parte predeterminada de la entrada. Los archivos enumerados en este encabezado se almacenan en caché explícitamente por primera vez (o archivos inmediatamente después del manifiesto de caché).
RED:Los archivos enumerados en esta sección son recursos de la lista blanca que deben conectarse al servidor. Todas las solicitudes a estos recursos evitan el caché independientemente de si el usuario está fuera de línea o no. Se pueden usar comodines.
RETROCEDER:Esta sección es opcional y se utiliza para especificar la página de alojamiento cuando no es accesible el recurso. El primer URI representa el recurso y el segundo representa la página web de copia de seguridad.
Fin. El tutorial ha sido terminado aquí. ¿Has ganado algo de la lectura? Este sitio también proporciona contenido relacionado con el manifiesto de caché HTML5, bienvenido a continuar leyendo.