Sobes.tech
Middle

Τι είναι η κρυφή μνήμη της εφαρμογής στο HTML5;

sobes.tech AI

Απάντηση από AI

Η προσωρινή μνήμη εφαρμογής (Application Cache ή AppCache) στο HTML5 επέτρεπε στους περιηγητές να αποθηκεύουν πόρους (HTML, CSS, JavaScript, εικόνες) για offline πρόσβαση και βελτίωση της απόδοσης.

Η αρχή λειτουργίας βασίζεται σε ένα αρχείο μανιφέστο (manifest="appcache.manifest") με επέκταση .appcache, που περιγράφει ποια αρχεία πρέπει να αποθηκευτούν στην προσωρινή μνήμη.

Παράδειγμα αρχείου μανιφέστο:

CACHE MANIFEST
# Έκδοση 1.0

CACHE:
/index.html
/css/style.css
/js/script.js

FALLBACK:
/ /offline.html

NETWORK:
*

Τμήματα του αρχείου μανιφέστο:

  • CACHE:: Πόροι που πρέπει να αποθηκευτούν ρητά.
  • FALLBACK:: Ορίζει εναλλακτικούς πόρους που θα χρησιμοποιηθούν αν ένας πόρος δεν είναι διαθέσιμος (π.χ. για offline σελίδα).
    • <online-πόρος> <offline-πόρος>
  • NETWORK:: Πόροι που απαιτούν πάντα online πρόσβαση (συνήθως * για όλους τους άλλους πόρους).

Χρήση:

  1. Δημιουργήστε ένα αρχείο .appcache.
  2. Προσθέστε το χαρακτηριστικό manifest στο <html>:
    <!DOCTYPE html>
    <html manifest="appcache.manifest">
    ...
    </html>
    
  3. Ρυθμίστε τον τύπο MIME .appcache στον διακομιστή ως text/cache-manifest.

Παρά τις λειτουργίες του, το AppCache έχει μειονεκτήματα, όπως προβλήματα με την ενημέρωση της cache, πολύπλοκη διαχείριση και σφάλματα. Είναι παρωχημένο και αφαιρέθηκε από την προδιαγραφή HTML5, και η λειτουργικότητά του αντικαταστάθηκε από τους Service Workers, που παρέχουν έναν πιο ευέλικτο και ισχυρό μηχανισμό για τη διαχείριση της cache και της offline λειτουργικότητας.