Un archivo de manifiesto es un archivo de texto que le dice al navegador que almacene en caché ciertos archivos o páginas web para que puedan usarse incluso en modo sin conexión. Las páginas web de caché HTML5 especifican el atributo de manifiesto en la etiqueta <html>. Todas las páginas web que contienen atributos de manifiesto o se especifican en el archivo de manifiesto se almacenarán en caché cada vez que un usuario visite esa página. Los archivos de manifiesto se guardan con la extensión .appcache . Siempre comienza con la palabra clave CACHE MANIFEST y contiene tres secciones:
- CACHE
- LA RED
- RETROCEDER
CACHE: esta sección enumera todos los recursos, incluidas páginas web, hojas de estilo CSS, archivos JavaScript e imágenes que se almacenarán en caché inmediatamente después de su primera descarga. Estos recursos se pueden usar incluso en modo fuera de línea después de su primera descarga y no requieren una conexión al servidor.
Ejemplo: Cree un archivo llamado cache.html y agréguelo a la sección CACHE del archivo demo.appcache para almacenarlo en caché y usarlo en modo fuera de línea. Este archivo se cargará en modo fuera de línea.
HTML
<!DOCTYPE html> <html manifest="demo.appcache"> <body> <h1>Welcome to GeeksforGeeks!!</h1> </body> </html>
RED: esta sección enumera todos los recursos que nunca se almacenarán en caché. Estos recursos no se pueden usar en modo fuera de línea y siempre requieren una conexión al servidor.
Ejemplo: Cree un archivo llamado network.html y agréguelo a la sección NETWORK del archivo demo.appcache para asegurarse de que solo esté disponible en modo en línea. Este archivo no se cargará en modo fuera de línea.
HTML
<!DOCTYPE html> <html> <body> <h1>Welcome to GeeksforGeeks!!</h1> <p>Available only in online mode!</p> </body> </html>
RECUPERACIÓN: esta sección enumera los recursos de reserva que se utilizarán en caso de que no se pueda acceder a una página. Especifica el recurso principal que se reemplazará con el recurso alternativo especificado junto a él en caso de que falle la conexión con el servidor.
Ejemplo: Cree un archivo llamado offline.html y agréguelo a la sección FALLBACK junto con fallback.html en el archivo demo.appcache . En el modo fuera de línea, offline.html será reemplazado por fallback.html. El siguiente es el código para offline.html:
HTML
<!DOCTYPE html> <html> <body> <h1>Welcome to GeeksforGeeks!!</h1> <p>You are working in online mode.</p> </body> </html>
El siguiente es el código para fallback.html:
HTML
<!DOCTYPE html> <html> <body> <h1>Welcome to GeeksforGeeks!!</h1> <p>You are working in offline mode.</p> </body> </html>
El siguiente será el contenido del archivo demo.appcache :
CACHE MANIFEST CACHE: cache.html NETWORK: network.html FALLBACK: offline.html fallback.html
Ahora, cree index.html para vincular todos los archivos anteriores.
HTML
<!DOCTYPE html> <html manifest="demo.appcache"> <body> <h1>GeeksforGeeks</h1> <a href="cache.html">Cached File</a> <a href="network.html">Network File</a> <a href="offline.html">Fallback File</a> </body> </html>
Producción:
Salida en caché del archivo de manifiesto en modo fuera de línea
Publicación traducida automáticamente
Artículo escrito por saxenaanjali239 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA