Αποθήκευση εφαρμογών HTML5

με τη χρήση της αποθήκευσης εφαρμογών, μέσω της δημιουργίας ενός αρχείου manifest cache, μπορεί να δημιουργηθεί εύκολα μια εκδοχή εκτός σύνδεσης της εφαρμογής web.

Τι είναι η αποθήκευση εφαρμογών;

το HTML5 εισήγαγε την αποθήκευση εφαρμογών (Application Cache), που σημαίνει ότι μπορεί να αποθηκευτούν οι εφαρμογές web και να αποδοθούν χωρίς σύνδεση στο Διαδίκτυο.

οι αποθηκευμένες εφαρμογές προσφέρουν τρία πλεονεκτήματα για την εφαρμογή:

  1. περιήγηση εκτός σύνδεσης - ο χρήστης μπορεί να τα χρησιμοποιεί όταν η εφαρμογή είναι εκτός σύνδεσης
  2. ταχύτητα - οι αποθηκευμένα πόροι φορτώνονται γρηγορότερα
  3. μειώνοντας τη φόρτωση του διακομιστή - ο περιηγητής θα κατεβάσει μόνο τους πόρους που έχουν ενημερωθεί ή更改θεί

Υποστήριξη από τον περιηγητή

Τα αριθμήματα στην τаблицή δείχνουν την πρώτη έκδοση του περιηγητή που υποστηρίζει πλήρως την αποθήκευση εφαρμογής.

API
Αποθήκευση Εφαρμογής 4.0 10.0 3.5 4.0 11.5

Παράδειγμα HTML Cache Manifest

Το παρακάτω παράδειγμα δείχνει ένα αρχείο HTML με cache manifest (για αναγνώριση offline):

Παράδειγμα

!DOCTYPE HTML
<html manifest="demo.appcache">
<body>
Περιεχόμενο του έγγραφου ......
</body>
</html>

Προσπαθήστε να το κάνετε個人

Βασικά του Cache Manifest

Για να ενεργοποιήσετε την αποθήκευση εφαρμογής, περιλάβετε την ιδιότητα manifest στο ετικέτα <html>:

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

Κάθε σελίδα που καθορίζει το manifest αποθηκεύεται στη μνήμη cache όταν ο χρήστης την επισκεπτεί. Αν δεν καθοριστεί η ιδιότητα manifest, η σελίδα δεν θα αποθηκευτεί στη μνήμη cache (εκτός αν καθοριστεί ευθέως στο αρχείο manifest)

Η προτεινόμενη επέκταση αρχείου για το αρχείο manifest είναι: ".appcache".

Σημείωση:Το αρχείο manifest πρέπει να έχει σωστό MIME-type, δηλαδή "text/cache-manifest". Πρέπει να διαμορφωθεί στο web server.

Manifest αρχείο

Το αρχείο manifest είναι ένα απλό αρχείο κειμένου που ενημερώνει τον περιηγητή για το περιεχόμενο που θα αποθηκευτεί στη μνήμη cache (και το περιεχόμενο που δεν θα αποθηκευτεί)

Το αρχείο manifest έχει τρεις ενότητες:

  • CACHE MANIFEST - Στην ενότητα αυτού του τίτλου αναφέρονται τα αρχεία που θα αποθηκευτούν στη μνήμη cache μετά την πρώτη λήψη
  • NETWORK - Στην ενότητα αυτού του τίτλου αναφέρονται τα αρχεία που χρειάζονται σύνδεση με τον διακομιστή και δεν αποθηκεύονται στη μνήμη cache
  • FALLBACK - Στην ενότητα αυτού του τίτλου αναφέρονται τα αρχεία που καθορίζουν την ανατροφοδότηση σελίδας όταν η σελίδα δεν είναι προσβάσιμη (π.χ. σελίδα 404)

CACHE MANIFEST

Η πρώτη γραμμή, CACHE MANIFEST, είναι απαραίτητη:

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

Το αρχείο manifest παραθέτει τρεις πόρους: ένα αρχείο CSS, μια εικόνα GIF και ένα αρχείο JavaScript. Μετά την φόρτωση του αρχείου manifest, ο περιηγητής κατεβάζει αυτά τα τρία αρχεία από την ρίζα του ιστοτόπου. Μετά το κούρασμα της σύνδεσης του χρήστη με το Διαδίκτυο, αυτοί οι πόροι παραμένουν διαθέσιμοι.

NETWORK

Η ενότητα NETWORK ορίζει ότι το αρχείο "login.php" δεν θα αποθηκεύεται στη μνήμη cache και δεν θα είναι διαθέσιμο όταν ο χρήστης είναι offline:

NETWORK:
login.asp

Μπορείτε να χρησιμοποιήσετε το asterisk (*) για να υποδεικνύσετε ότι όλες οι άλλες πόροι/αρχεία χρειάζονται σύνδεση στο Διαδίκτυο:

NETWORK:
*
FALLBACK

Η ενότητα FALLBACK παρακάτω ορίζει ότι αν δεν μπορεί να δημιουργηθεί σύνδεση στο Διαδίκτυο, θα χρησιμοποιηθεί το "offline.html" για替代 /html/ φάκελο για όλους τους αρχεία:

FALLBACK:
/html/ /offline.html

Σημείωση:Ο πρώτος URI είναι το πόρο, ο δεύτερος είναι το εναλλακτικό.

Ενημέρωση του cache

Μόλις αποθηκευτεί η εφαρμογή στο cache, θα παραμείνει εκεί μέχρι να συμβεί κάποιο από τα εξής:

  • Ο χρήστης καθαρίζει το cache του περιηγητή
  • Το αρχείο manifest έχει τροποποιηθεί (βλέπε παρακάτω την συμβουλή)
  • Η ενημέρωση του cache της εφαρμογής από το πρόγραμμα

Παράδειγμα - Πλήρες αρχείο Cache Manifest

CACHE MANIFEST
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js
NETWORK:
login.asp
FALLBACK:
/html/ /offline.html

Συμβουλή:Αυτές οι γραμμές ξεκινούν με το '#' είναι γραμμές σχολίων, αλλά μπορούν να ικανοποιήσουν και άλλες χρήσεις. Το cache της εφαρμογής ενημερώνεται μόνο όταν αλλάζει το αρχείο manifest. Αν επεξεργαστείτε μια εικόνα ή τροποποιήσετε μια συνάρτηση JavaScript, αυτές οι αλλαγές δεν θα αποθηκευτούν ξανά στο cache. Η ενημέρωση της ημερομηνίας και της έκδοσης στις γραμμές σχολίων είναι ένας τρόπος για να κάνετε τον περιηγητή να ενημερώσει το cache.

Σημείωση για το cache της εφαρμογής

Παρακαλώ φροντίστε για το περιεχόμενο του cache.

Μόλις ο φάκελος αποθηκευτεί στο cache, ο περιηγητής θα συνεχίσει να εμφανίζει την αποθηκευμένη έκδοση, ακόμα και αν更改 τον φάκελο στο διακομιστή. Για να διασφαλίσετε ότι ο περιηγητής ενημερώνει το cache, πρέπει να ενημερώσετε το αρχείο manifest.

Σημείωση:Οι περιορισμοί του μεγέθους του cache από τους περιηγητές μπορεί να διαφέρουν (οι περιορισμοί ορισμένων περιηγητών είναι 5MB ανά ιστοσελίδα).