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:
- Navigare offline - utilizatorii pot folosi aplicația atunci când sunteți offline
- Viteza - în cache resurse de încărcare mai rapid
- 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) .