


Solution d'application hors ligne HTML5 pour créer un site Web sans demande et sans trafic_html5 compétences du didacticiel
Avant-propos
Les applications Web d'aujourd'hui sont déjà très complexes. Avec le développement actuel, elles le deviendront de plus en plus. Cependant, elles présentent un défaut fatal, à savoir qu'elles ne peuvent pas être déconnectées d'Internet. C'est pourquoi une nouvelle API a été ajoutée. en HTML,
Il utilise un mécanisme de stockage local pour bien résoudre ce problème, ouvrant la voie aux applications Web hors ligne.
Cache local dans le cache du navigateur
Le cache local sert l'intégralité de l'application Web
Le cache du navigateur ne sert qu'une seule page Web
Toute page Web dispose d'un cache de pages Web
Le cache local ne met en cache que les pages que vous spécifiez comme cache
La mise en cache des pages Web n'est pas fiable et dangereuse car nous ne savons pas quelles pages et ressources sont mises en cache sur le site Web
La mise en cache locale peut contrôler le contenu qui est mis en cache
manifeste fichier
Le cache local des applications Web est géré via le fichier manifeste de chaque page. Le manifeste est un simple texte dans lequel les noms et chemins des fichiers qui doivent être mis en cache et qui n'ont pas besoin d'être mis en cache sont répertoriés sous le formulaire. d'une liste.
Le manifeste peut être spécifié individuellement pour chaque page ou pour l'ensemble de l'application. Par exemple, nos paramètres pour hello.htm :
CACHE:
other.html
hellow.js
images/myphoto.jpg
RÉSEAU :
http://LuLinniu/NotOffline
NotOffline.asp
*
FALLBACK :
online.js locale.js
CACHE :
newhellow.html
newhellow .js
Lorsque vous exécutez une application Web hors ligne en même temps, vous devez configurer le serveur afin qu'il prenne en charge le type MIME texte/cache-manifest.
Lors de la spécification des fichiers source, les fichiers de ressources peuvent être divisés en trois catégories, CACHE, RÉSEAU et FALLBACK
Spécifiez les fichiers de ressources qui doivent être mis en cache localement dans la catégorie CACHE. Lorsque vous spécifiez les fichiers de ressources qui doivent être mis en cache localement pour une certaine page, vous n'avez pas besoin de spécifier la page elle-même dans la catégorie CACHE,
La catégorie RÉSEAU regroupe les fichiers de ressources qui sont explicitement spécifiés pour ne pas être mis en cache. Ces fichiers ne sont accessibles qu'en établissant un lien côté serveur. Dans cet exemple, le caractère générique * est utilisé pour indiquer ceux qui ne sont pas enregistrés. ne sera pas mis en cache
Chaque ligne de la catégorie FALLBACK spécifie deux fichiers de ressources. Le premier fichier de ressources est le fichier de ressources utilisé lorsqu'il est accessible en ligne, et le second est le fichier de cache local utilisé lorsqu'il n'est pas accessible en ligne
Le processus d'interaction entre le navigateur et le serveur Lorsque vous travaillez avec des applications Web hors ligne, il est nécessaire de comprendre le processus d'interaction entre le navigateur et le serveur :
met en cache index.htm dans le fichier hello.js, hello.jpg, le processus de première visite est le suivant :
Le navigateur demande l'url
Le serveur renvoie la page d'accueil index.htm
Le navigateur analyse l'index. htm et demande tous les fichiers de ressources sur la page
Le serveur renvoie le fichier de ressources
Le navigateur traite le fichier manifeste et demande le fichier qui doit être mis en cache dans le manifeste, même s'il a été demandé. il le demandera à nouveau
. Le serveur renvoie le fichier qui doit être mis en cache
Le navigateur met à jour le cache local et l'enregistre et déclenche un événement pour notifier les mises à jour du cache local
Ouvrez à nouveau l'URL
Demander l'URL
Le navigateur constate que la page est mise en cache, il utilise donc le fichier de cache local
pour analyser le fichier
Le navigateur demande le fichier manifeste au serveur
et le serveur renvoie 304, Notifie que le fichier manifeste n'a pas changé (il sera différent s'il change)
Objet applicationCache
Cet objet représente le cache local, qui peut être utilisé pour avertir l'utilisateur que le cache local a été mis à jour, et permet également la mise à jour manuelle du cache local.
Lorsque le navigateur met à jour le cache local et charge un nouveau fichier de ressources, l'événement updateready de l'objet applicationCache sera déclenché, notifiant que le cache local a été modifié, puis invitant l'utilisateur à actualiser manuellement la page.
swapCache
La méthode swapCache est utilisée pour effectuer manuellement des mises à jour du cache local. Elle ne peut être appelée que lorsque l'événement updateReady de l'objet applicationCache est déclenché,
C'est-à-dire que lorsque le fichier de ressources change, vous pouvez utiliser cette méthode pour mettre manuellement en cache la mise à jour.

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Guide de la bordure de tableau en HTML. Nous discutons ici de plusieurs façons de définir une bordure de tableau avec des exemples de bordure de tableau en HTML.

Guide de la marge HTML gauche. Nous discutons ici d'un bref aperçu de la marge gauche HTML et de ses exemples ainsi que de son implémentation de code.

Ceci est un guide des tableaux imbriqués en HTML. Nous discutons ici de la façon de créer un tableau dans le tableau ainsi que des exemples respectifs.

Guide de mise en page des tableaux HTML. Nous discutons ici des valeurs de la mise en page des tableaux HTML ainsi que des exemples et des résultats en détail.

Guide de l'espace réservé de saisie HTML. Nous discutons ici des exemples d'espace réservé d'entrée HTML ainsi que des codes et des sorties.

Guide pour déplacer du texte en HTML. Nous discutons ici d'une introduction, du fonctionnement des balises de sélection avec la syntaxe et des exemples à implémenter.

Guide de la liste ordonnée HTML. Ici, nous discutons également de l'introduction de la liste et des types HTML ordonnés ainsi que de leur exemple respectivement.

Guide du bouton HTML onclick. Nous discutons ici de leur introduction, de leur fonctionnement, des exemples et de l'événement onclick dans divers événements respectivement.
