Ultimele tutoriale de dezvoltare web

HTML Memoria cache a aplicației


Cu memorie cache a aplicației este ușor de a face o versiune offline a unei aplicații web, prin crearea unui fișier manifest cache.


Ce este Cache Application?

HTML5 introduce memorie cache a aplicației, ceea ce înseamnă că o aplicație web este în cache, și accesibilă fără o conexiune la internet.

Memoria cache a aplicației oferă o aplicație trei avantaje:

  1. Navigare offline - utilizatorii pot folosi aplicația atunci când sunteți offline
  2. Viteza - în cache resurse de încărcare mai rapid
  3. Reducerea sarcinii de server - browser-ul va descărca actualizate numai / resurse schimbat de la server

Suport pentru browser-

Numerele din tabel specifica prima versiune de browser care acceptă pe deplin Application Cache.

API-ul
Application Cache 4 10.0 3.5 4 11.5

HTML Cache Manifest Exemplu

Exemplul de mai jos arată un document HTML cu un manifest cache (for offline browsing) - (for offline browsing) :

Exemplu

<!DOCTYPE HTML>
<html manifest="demo.appcache">

<body>
The content of the document......
</body>

</html>
Încearcă - l singur »

Cache manifest Bazele

Pentru a activa memorie cache a aplicației, include manifest atributul documentului <html> tag - ul:

<!DOCTYPE HTML>
<html manifest="demo.appcache">
...
</html>

Fiecare pagină cu manifest atributul specificat va fi memorată în cache atunci când utilizatorul vizitează. În cazul în care manifest atribut nu este specificat, pagina nu va fi în cache (unless the page is specified directly in the manifest file) cu (unless the page is specified directly in the manifest file) în (unless the page is specified directly in the manifest file) .

Extensia de fișier recomandată pentru fișierele manifest este: ".appcache"

Un fișier manifest trebuie să fie servit cu correct media type de "text/cache-manifest" correct media type , care este "text/cache-manifest" . Trebuie să fie configurat pe serverul de web.


Manifestul

Fișierul manifest este un fișier text simplu, care spune browser - ul ce să cache (and what to never cache) .

Fișierul manifest are trei secțiuni:

  • CACHE MANIFEST - Fișierele listate sub acest antet va fi salvată în memoria cache după ce sunt descărcate pentru prima dată
  • NETWORK - Fișierele enumerate în acest antet necesită o conexiune la server, și nu va fi niciodată în cache
  • FALLBACK - Fișiere enumerate în acest antet specifică paginile de rezervă în cazul în care o pagină este inaccesibil

CACHE MANIFEST

Prima linie, CACHE MANIFEST, este necesar:

CACHE MANIFEST
/theme.css
/logo.gif
/main.js

Fișierul manifest de mai sus enumeră trei resurse: un fișier CSS, o imagine GIF, și un fișier JavaScript. Când este încărcat fișierul manifest, browser-ul va descărca cele trei fișiere din directorul rădăcină al site-ului. Apoi, de fiecare dată când utilizatorul nu este conectat la internet, resursele vor fi disponibile în continuare.

REŢEA

Secțiunea REȚEA de mai jos specifică faptul că fișierul "login.asp" nu ar trebui să fie în cache, și nu vor fi disponibile offline:

NETWORK:
login.asp

Un asterisc poate fi folosit pentru a indica faptul că toate celelalte resurse / fișiere necesită o conexiune la internet:

NETWORK:
*

DA ÎNAPOI

Secțiunea de mai jos se specifică faptul că REZERVĂ "offline.html" va fi servit în locul tuturor fișierelor din / html / catalog, în cazul în care nu poate fi stabilită o conexiune la internet:

FALLBACK:
/html/ /offline.html

Notă: Primul URI este resursa, al doilea este alternativa.


Actualizarea memoriei cache

Odată ce o aplicație este stocată în cache, aceasta rămâne memorată în cache până când unul dintre următoarele se întâmplă:

  • Utilizatorul șterge memoria cache a browserului
  • Fișierul manifest este modificat (see tip below) a se (see tip below) de (see tip below)
  • Memoria cache a aplicației este actualizată în mod programatic

Exemplu - Cache complet fișier manifest

CACHE MANIFEST
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js

NETWORK:
login.asp

FALLBACK:
/html/ /offline.html

Tip: Liniile care încep cu un "#" sunt linii de comentarii, dar pot servi , de asemenea , un alt scop. cache O aplicație este actualizată numai atunci când modificările din fișierul manifest. Dacă editați o imagine sau modifica o funcție JavaScript, aceste modificări nu vor fi re-în cache. Actualizarea data și versiunea într-o linie de comentariu este o modalitate de a face browser-ul re-cache fișierele.


Note privind Memoria cache a aplicației

Fii atent cu ceea ce cache.

Odată ce un fișier este în cache, browser-ul va continua să afișeze versiunea memorată în cache, chiar dacă modificați fișierul pe server. Pentru a asigura browser-ul actualizează memoria cache, trebuie să modificați fișierul manifest.

Notă: Browserele pot avea diferite limite de dimensiune pentru datele stocate în memoria cache (some browsers have a 5MB limit per site) de (some browsers have a 5MB limit per site) - (some browsers have a 5MB limit per site) .