Introducción al artículo de Wulin.com (www.vevb.com): Descripción de la aplicación fuera de línea HTML5 No diré mucho aquí. Por favor, Google o Baidu. Este artículo tiene como objetivo introducir cómo realizar el desarrollo de aplicaciones fuera de línea
No hablaré sobre las instrucciones para la aplicación fuera de línea aquí. Por favor, Google o Baidu. Este artículo tiene como objetivo introducir cómo realizar el desarrollo de aplicaciones fuera de línea;
Paso 1: cree un archivo manifiesto y especifique un archivo de caché manifiesto;Primero puede crear un nuevo archivo con sufijo de formato de texto txt, y la primera línea debe escribirse en Cache Manifest;
La segunda línea opcionalmente escribe una descripción del comentario #version 1.0, y el comentario comienza con #, lo que significa especificar el número de versión;
La tercera línea comienza con una ruta de archivo relativa al directorio de archivos actual, como:
static/img/logo.png
estática/css/style.css
Se escribe un archivo de manifiesto básico y se cambia el sufijo de este archivo. manifiesto;
Paso 2: en el archivo HTML, especifique la propiedad de manifiesto del documento como la ruta del archivo cache.mnifest;<html manifest = Cachedata.Manifest>
Después de agregar el atributo manifiesto, cargue la página, los archivos en el archivo de configuración de caché se almacenarán en caché sin conexión y no se leerán desde el servidor cuando vuelva a actualizarse;
Paso 3: Actualice el caché a través de la interfaz API;Use JS para obtener objetos de caché fuera de línea a través de Window.ApplicationCache y llame al método de actualización: Window.applicationCache.update () para llamar a la descarga del archivo de caché actual. Después de completar la descarga, se activará el evento UpdateReady del objeto de caché fuera de línea. Ejecute el método swapcache para borrar el caché: window.applicationcache.swapcache (). Esto no hará que los recursos previamente cargados se vuelvan a recargar repentinamente, pero los recursos que emitieron la página de solicitud después de esto son los últimos;
A través de los tres simples pasos anteriores, puede realizar una aplicación fuera de línea HTML5.