Share
Juste au moment où vous pensiez avoir vu toutes les fonctionnalités intéressantes de HTML5, je suis ici pour vous en apporter une autre. Internet ne se limite plus aux sites Web; il s'agit d'applications web. Souvent, nos utilisateurs utilisent des appareils portables ou mobiles et n’ont pas toujours accès à un réseau. Avec le cache d'applications de HTML5, vous pouvez leur fournir tout ou partie des fonctionnalités qu'ils auraient en ligne, peu importe leur destination..
L'astuce consiste ici à utiliser un fichier manifeste de cache. Dans sa forme la plus élémentaire, il est incroyablement simple:
CACHE MANIFEST # version 0.1 index.html style.css script.js preview.jpg
Ce fichier doit être servi avec un en-tête de type de contenu de texte / cache-manifeste; c'est très simple de faire cela avec un fichier .htaccess:
AddType text / cache-manifest manifeste
Cela servira tous les fichiers avec l'extension «manifeste» avec l'en-tête de type de contenu approprié.
Pour utiliser le fichier manifeste du cache, vous devez simplement ajouter une propriété à la html élément:
Désormais, lors de la prochaine visite d’un utilisateur sur votre site / application, son navigateur mettra en cache les fichiers requis. C'est si facile. S'ils consultent votre URL lorsqu'ils sont hors ligne, ils obtiendront le contenu mis en cache..
Il est important de noter que même lorsque l'utilisateur est en ligne, le navigateur n'accède au serveur que pour obtenir un nouveau contenu dans trois cas:
Ainsi, pour forcer tous vos utilisateurs à recharger leur cache, vous pouvez modifier quelque chose dans le fichier manifeste (pas les fichiers liés au contenu réel du fichier manifeste). La plupart du temps, vous voudrez probablement juste changer un commentaire, et cela suffira.
Si vous le souhaitez, créez une mise à jour de cache dans votre application via l'API JavaScript. c'est au-delà de la portée de cette astuce, mais si vous voulez en savoir plus, consultez cet article sur html5rocks.com.
Comme beaucoup d’autres fonctionnalités HTML5, le cache d’application est pris en charge par tous les navigateurs modernes..
Graphique de www.findmebyip.com
Et c'est le cache d'applications de HTML5; c’est plutôt cool, et je suis sûr que les développeurs, de presque tous les sites, l’utiliseront pour offrir une expérience dégradante qui rendra leurs utilisateurs heureux, où qu’ils se trouvent. Merci d'avoir lu!
Accentsconagua