HTML5 Application Cache (AppCache) Spickzettel

[!WARNING] HTML5 Application Cache (AppCache) ist veraltet und wurde aus modernen Webstandards entfernt. Moderne Progressive Web Apps nutzen stattdessen die Service Worker API und die Cache API.

Manifest-Format (Manifest Format)

CACHE MANIFEST
# version 1.0.0

CACHE:
/assets/app.js
/assets/styles.css
/assets/logo.png

NETWORK:
*

FALLBACK:
/ /offline.html

---

Manifest-Abschnitte (Manifest Sections)

• CACHE: Liste von URIs, die explizit fuer die Offline-Nutzung heruntergeladen und gecacht werden.
• NETWORK: Whitelist von Ressourcen, die eine aktive Netzwerkverbindung erfordern (* fuer alle anderen).
• FALLBACK: Fallback-Seitenpaare [Online-Pfad] [Fallback-Pfad], wenn Ressourcen nicht erreichbar sind.

---

HTML-Integration (HTML Integration)

<!DOCTYPE html>
<html manifest="example.appcache">
  <head>
    <title>Offline App</title>
  </head>
  <body>
    ...
  </body>
</html>

---

Verwandte Referenzen

• MDN: Service Worker API (Moderne Alternative)
• MDN: Application Cache verwenden (Archiv)