Explication détaillée de l'utilisation du cache manifeste dans HTML5

Cet article présente principalement l'explication détaillée de l'utilisation du cache manifeste dans HTML5. L'article présente également certains outils d'automatisation connexes. Les amis qui en ont besoin peuvent se référer à l'origine.

Les pages Web avant HTML5 étaient toutes connectées sans connexions et devaient être connectées à Internet pour accéder. Il s'agit en fait d'une fonctionnalité du Web. Ce n'est en fait pas un gros problème pour les PC. Cependant, à l'ère de l'Internet mobile, l'emplacement du terminal de l'appareil n'est plus fixe et ne s'appuie plus sur les signaux sans fil, et la fiabilité du réseau est devenue moins fiable. Par exemple, assis dans un train et passant un tunnel (15 minutes), vous ne pouvez pas accéder au site Web, ce qui est très nocif pour le Web, tels que des pages nées pour lire comme "Ecmascript Collection".

HTML5 présente le fichier de manifeste de cache. Alors, qu'est-ce que le cache manifeste? J'en parlerai ensuite.

Tout d'abord, Manifest est un fichier avec le Nom Minifest du suffixe. Dans le fichier, les fichiers qui doivent être mis en cache sont définis. Le navigateur qui prend en charge Manifest enregistrera le fichier localement en fonction des règles du fichier manifeste, afin que la page soit accessible sans liens réseau.

Lorsque nous configurons le cache d'application correctement pour la première fois, lorsque nous accéderons à nouveau à l'application, le navigateur vérifiera d'abord s'il y a un changement dans le fichier manifeste. S'il y a un changement, il modifiera celui correspondant et modifiera le cache d'application dans le navigateur. S'il n'y a pas de changement, il renverra directement les ressources de cache de l'application. Le processus de base est comme ça.

Version hors ligne: les utilisateurs peuvent parcourir le contenu du site Web hors ligne.

Vitesse plus rapide: parce que les données sont stockées localement, la vitesse sera plus rapide.

Réduisez la charge du serveur: le navigateur ne téléchargera que des ressources qui ont changé sur le serveur.

Tous les navigateurs traditionnels prennent en charge la mise en cache des applications, à l'exception d'Internet Explorer. La réponse donnée par Caniuse est illustrée dans la figure ci-dessous.

HTML a ajouté un attribut manifeste, qui peut être utilisé pour spécifier le fichier manifeste de la page actuelle.

Créez un fichier manifeste avec le même nom que HTML. Par exemple, la page est index.html, vous pouvez alors créer un fichier index.manifest, puis ajouter les attributs suivants à la balise index.html html: