Explicación detallada del uso de caché manifiesto en html5

Este artículo presenta principalmente la explicación detallada del uso de caché manifiesto en HTML5. El artículo también presenta algunas herramientas de automatización relacionadas. Los amigos que lo necesitan pueden referirse al origen.

Las páginas web antes de HTML5 estaban conectadas sin conexiones y tuvieron que conectarse a Internet para acceder. Esta es en realidad una característica de la web. En realidad, esto no es un gran problema para las PC. Sin embargo, en la era de Internet móvil, la ubicación terminal del dispositivo ya no se fija y depende de las señales inalámbricas, y la confiabilidad de la red se ha vuelto menos confiable. Por ejemplo, sentado en un tren y pasando un túnel (15 minutos), no puede acceder al sitio web, lo cual es muy perjudicial para la web, como páginas nacidas para leer como "Colección Ecmascript".

HTML5 presenta el archivo Manifest de Cache. Entonces, ¿qué es el manifiesto de Cache? Lo hablaré a continuación.

En primer lugar, Manifest es un archivo con el nombre de sufijo minifiestado. En el archivo, se definen los archivos que deben almacenarse en caché. 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.

Cuando configuramos el caché de la aplicación correctamente por primera vez, cuando accedemos a la aplicación nuevamente, el navegador primero verificará si hay algún cambio en el archivo manifiesto. Si hay algún cambio, cambiará el correspondiente y cambiará el caché de la aplicación en el navegador. Si no hay cambios, devolverá directamente los recursos de caché de la aplicación. El proceso básico es como este.

Navegación fuera de línea: los usuarios pueden navegar por el contenido del sitio web fuera de línea.

Velocidad más rápida: debido a que los datos se almacenan localmente, la velocidad será más rápida.

Reduzca la carga del servidor: el navegador solo descargará recursos que han cambiado en el servidor.

Todos los navegadores convencionales admiten almacenamiento en caché de aplicaciones, excepto Internet Explorer. La respuesta dada por Caniuse se muestra en la figura a continuación.

HTML ha agregado un atributo manifiesto, que se puede utilizar para especificar el archivo manifiesto de la página actual.

Cree un archivo manifiesto con el mismo nombre que HTML. Por ejemplo, la página es index.html, luego puede crear un archivo index.manifest y luego agregar los siguientes atributos a la etiqueta index.html html: